{"id":23759,"date":"2024-01-20T15:41:00","date_gmt":"2024-01-20T14:41:00","guid":{"rendered":"https:\/\/af.agency\/realizacje\/how-to-build-an-effective-product-card\/"},"modified":"2024-02-19T14:28:19","modified_gmt":"2024-02-19T13:28:19","slug":"how-to-build-an-effective-product-card","status":"publish","type":"post","link":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/","title":{"rendered":"How to build an effective product card?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"23759\" class=\"elementor elementor-23759 elementor-23757\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbb9aab e-flex e-con-boxed e-con e-parent\" data-id=\"cbb9aab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95e146b elementor-widget elementor-widget-spacer\" data-id=\"95e146b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4c1ec8 e-flex e-con-boxed e-con e-parent\" data-id=\"a4c1ec8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8392d91 elementor-widget elementor-widget-breadcrumbs\" data-id=\"8392d91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p id=\"breadcrumbs\"><span><span><a href=\"https:\/\/af.agency\/en\/\">Home page<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3afc3f8 e-flex e-con-boxed e-con e-parent\" data-id=\"3afc3f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f3f1e35 e-flex e-con-boxed e-con e-child\" data-id=\"f3f1e35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d8fb022 e-con-full e-flex e-con e-child\" data-id=\"d8fb022\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6595bf elementor-widget elementor-widget-heading\" data-id=\"d6595bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to build an effective product card?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb598fc e-con-full e-flex e-con e-child\" data-id=\"eb598fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcafa7c elementor-widget elementor-widget-text-editor\" data-id=\"dcafa7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t20.01.2024\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25bcca2 elementor-widget elementor-widget-text-editor\" data-id=\"25bcca2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t| Author:  Maciej Nowacki\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5900c54 knowledge-tag elementor-widget elementor-widget-heading\" data-id=\"5900c54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><span style=\"background-color:#aac2de\">Rich content<\/span><span style=\"background-color:#c7b2de\">Product card<\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60fa431 e-con-full e-flex e-con e-parent\" data-id=\"60fa431\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51f2b0c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"51f2b0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db4681f e-flex e-con-boxed e-con e-parent\" data-id=\"db4681f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d7dd313 e-con-full e-flex e-con e-child\" data-id=\"d7dd313\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64dd32d elementor-widget elementor-widget-text-editor\" data-id=\"64dd32d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>An effectively designed product card increases conversions by up to 30%, as confirmed by AF.lab&#8217;s neuromarketing research. Buying a product is a fundamental moment, where every image, every icon, every description or promotional video can have a breakthrough impact on the final purchase decision. Find out how to build a card that sells.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87c7686 elementor-widget elementor-widget-spacer\" data-id=\"87c7686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6945351 elementor-widget elementor-widget-text-editor\" data-id=\"6945351\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>The process of creating a product card<\/strong><\/p><p>\u00a0<\/p><p>A product card is a solution that requires an optimal implementation path. Therefore, we have distinguished 4 stages of its implementation: analysis, production, implementation and monitoring. Each of these paths is characterized by a specific action, creating an effective end result.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad046e elementor-widget elementor-widget-spacer\" data-id=\"6ad046e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b451f78 elementor-widget elementor-widget-image\" data-id=\"b451f78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1324\" height=\"844\" src=\"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png\" class=\"attachment-full size-full wp-image-23839\" alt=\"\" srcset=\"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png.webp 1324w, https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1-300x191.png.webp 300w, https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1-1024x653.png.webp 1024w, https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1-768x490.png.webp 768w\" sizes=\"(max-width: 1324px) 100vw, 1324px\" style=\"width:100%;height:63.75%;max-width:1324px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a405e78 elementor-widget elementor-widget-spacer\" data-id=\"a405e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-134651c elementor-widget elementor-widget-text-editor\" data-id=\"134651c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>1. analysis<\/strong><\/p><p>\u00a0<\/p><p>The first step is to study consumer needs and motivations, juxtaposing them with brand realities and product categories. In this way, it is possible to learn insights precisely and, consequently, find answers to customers&#8217; problems.<\/p><p>\u00a0<\/p><p>This is the time to meticulously plan the cards so that they get the highest possible conversion. Based on the research of the target group, one gets to the hidden motivations of consumers and finds a way to meet them. At this stage, it&#8217;s also a good idea to turn to proven nerumarketing research, such as:<\/p><p>\u00a0<\/p><ul style=\"font-family: Helvetica;\"><li><strong>eyetracking,<\/strong><\/li><li><strong>GSR<\/strong> &#8211; skin-galvanic reactions,<\/li><li><strong>EEG<\/strong> &#8211; an innovative method of analyzing brain wave signals,<\/li><li>in-depth interviews.<\/li><\/ul><p>\u00a0<\/p><p class=\"western\">The simultaneous use of the aforementioned techniques makes it possible to obtain precise opinions from narrowed and well-targeted groups.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83190e1 elementor-widget elementor-widget-spacer\" data-id=\"83190e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb45041 elementor-widget elementor-widget-text-editor\" data-id=\"cb45041\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>2. production<\/strong><\/p><p>\u00a0<\/p><p>The design of the card&#8217;s appearance must be consistent with brand identity and modern UX\/UI practices. Graphics and texts should be developed that highlight the unique features of the product to help make a specific purchase decision.<\/p><p>\u00a0<\/p><p>It is therefore necessary to create a template that is optimized, taking into account the individual characteristics of the brand and the guidelines of e-retailers, in order to accurately present products. The designed modules are ready for quick deployment after filling them with images and content, ensuring smooth control and a satisfying layout. Each of the product cards created must be designed in the spirit of RWD &#8211; this allows full accessibility from any device.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e3c104 elementor-widget elementor-widget-spacer\" data-id=\"4e3c104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c985ad elementor-widget elementor-widget-text-editor\" data-id=\"6c985ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>3. implementation<\/strong><\/p><p>\u00a0<\/p><p>The unique design guarantees quick and easy implementation of product cards in the brand&#8217;s store and e-retailers. However, it is important to keep in mind the technical parameters of the distributors, so that the quality of graphics and text is displayed at the highest level.<\/p><p>The implementation phase also involves providing extensive automation of card management by integrating it with various systems &#8211; e.g. PIM, marketplace or CMS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8303e33 elementor-widget elementor-widget-spacer\" data-id=\"8303e33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf45cab elementor-widget elementor-widget-text-editor\" data-id=\"cf45cab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>4. monitoring<\/strong><\/p><p>\u00a0<\/p><p>In order to provide the best user experience and satisfy the brand, one should not forget to check the correct implementation of the cards. Monitoring, therefore, begins with contacting e-retailers, and the next step is to resolve any technical problems and provide support from a professional IT team.<\/p><p>It&#8217;s also a great time to re-analyze the cards and examine how they influence consumers&#8217; purchasing decisions for the brand.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ce702 elementor-widget elementor-widget-spacer\" data-id=\"87ce702\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3792981 elementor-widget elementor-widget-text-editor\" data-id=\"3792981\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Construction of the product card<\/strong><\/p><p>\u00a0<\/p><p>Neuromarketing studies repeatedly show that products presented on cards with extensive content (rich content) are the highest rated by respondents, using them as an example to discuss good practices for building a product card.<\/p><p>\u00a0<\/p><ol style=\"font-family: Helvetica;\"><li><strong>From the general to the specific <\/strong>&#8211; ensure gradual input to avoid the buyer feeling overwhelmed<\/li><li><strong>Concise but succinct headlines <\/strong>&#8211; accurately convey the key and desired feature of the product and are aesthetically designed, and can be enhanced by using bold or larger font. Such treatments will make headlines more readable and encourage further exploration of the contents of the product sheet.<\/li><li><strong>Interactive modules<\/strong> (e.g. hotspots) &#8211; allow active participation in learning about the product without overwhelming the user or creating a feeling of information overload.<\/li><li><strong>Longer content<\/strong> &#8211; go for it, but make sure it is balanced and focuses only on specific benefits for the potential buyer.<\/li><li><strong>Icons<\/strong> &#8211; such a graphic treatment stimulates curiosity, makes content more attractive and better influences consumer perception.<\/li><li><strong>Guide videos<\/strong> &#8211; instead of commercials, choose instructional videos that advise your customers in an accessible way. Don&#8217;t forget to tag the content video with a catchy call to action.<\/li><li><strong>Recommend other product categories<\/strong> &#8211; the last module of the card, which will direct the consumer to possible further exploration of your assortment.<\/li><li><strong>Other variants of the viewed product<\/strong> &#8211; show more products including the same category to avoid the frustration of displaying an unwanted product.<\/li><li><strong>Brand information<\/strong> &#8211; consumers choose brands they know or recognize. So it&#8217;s worth putting a brief mention of the brand on product cards to appear in the minds of consumers and provide them with basic knowledge about the company.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbe960f elementor-widget elementor-widget-spacer\" data-id=\"dbe960f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60497a8 elementor-widget elementor-widget-text-editor\" data-id=\"60497a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Summary &#8211; benefits of an effective card<\/strong><\/p><p>\u00a0<\/p><p>Functional design of the card gives the opportunity to easily manage content on the brand&#8217;s website and e-retailers. This makes them unique and, above all, consistent, and thus the whole process is automated and more efficient. Proper optimization of descriptions is also a guarantee of better visibility in search engines, and this, as we know, positively affects the increase in conversions.<\/p><p>\u00a0<\/p><p>The attractive form of product presentation attracts the attention of customers, they can learn more about the functions and features of the equipment and look at the product range placed in context. The synergy of image and text in an interesting template retains the user for a longer period of time and allows to increase their purchasing decision.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eaafeb3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"eaafeb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8fe206 e-flex e-con-boxed e-con e-parent\" data-id=\"a8fe206\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0a037d elementor-widget elementor-widget-heading\" data-id=\"e0a037d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Read also<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-259c46d elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"259c46d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:22654,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-loop-nothing-found-message\">\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>An effectively designed product card increases conversions by up to 30%, as confirmed by AF.lab&#8217;s neuromarketing research. Product purchase&nbsp;&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[152],"tags":[],"tag-marki":[],"tag-wiedza":[156,157],"class_list":["post-23759","post","type-post","status-publish","format-standard","hentry","category-knowledge","tag-wiedza-rich-content-en","tag-wiedza-product-card","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to build an effective product card? - AF.agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to build an effective product card? - AF.agency\" \/>\n<meta property=\"og:description\" content=\"An effectively designed product card increases conversions by up to 30%, as confirmed by AF.lab&#039;s neuromarketing research. Product purchase&nbsp;...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/\" \/>\n<meta property=\"og:site_name\" content=\"AF.agency\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-20T14:41:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-19T13:28:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png\" \/>\n<meta name=\"author\" content=\"Maciej Nowacki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maciej Nowacki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/\"},\"author\":{\"name\":\"Maciej Nowacki\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#\\\/schema\\\/person\\\/9aa9851cb38caf13d7dc1c3cfcbf6fa3\"},\"headline\":\"How to build an effective product card?\",\"datePublished\":\"2024-01-20T14:41:00+00:00\",\"dateModified\":\"2024-02-19T13:28:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/\"},\"wordCount\":905,\"publisher\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/af.agency\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png\",\"articleSection\":[\"Knowledge\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/\",\"url\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/\",\"name\":\"How to build an effective product card? - AF.agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/af.agency\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png\",\"datePublished\":\"2024-01-20T14:41:00+00:00\",\"dateModified\":\"2024-02-19T13:28:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#primaryimage\",\"url\":\"https:\\\/\\\/af.agency\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png\",\"contentUrl\":\"https:\\\/\\\/af.agency\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/knowledge\\\/how-to-build-an-effective-product-card\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home page\",\"item\":\"https:\\\/\\\/af.agency\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge\",\"item\":\"https:\\\/\\\/af.agency\\\/en\\\/realizacje\\\/category\\\/knowledge\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to build an effective product card?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/af.agency\\\/en\\\/\",\"name\":\"AF.agency\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/af.agency\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#organization\",\"name\":\"AF.agency\",\"url\":\"https:\\\/\\\/af.agency\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/af.agency\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/af.agency\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo.svg\",\"width\":68,\"height\":54,\"caption\":\"AF.agency\"},\"image\":{\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/af.agency\\\/en\\\/#\\\/schema\\\/person\\\/9aa9851cb38caf13d7dc1c3cfcbf6fa3\",\"name\":\"Maciej Nowacki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2575c0f669f636152a29316b2b2d1efa7326ca47eb7c0fa769d6017909bf7b6a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2575c0f669f636152a29316b2b2d1efa7326ca47eb7c0fa769d6017909bf7b6a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2575c0f669f636152a29316b2b2d1efa7326ca47eb7c0fa769d6017909bf7b6a?s=96&d=mm&r=g\",\"caption\":\"Maciej Nowacki\"},\"url\":\"https:\\\/\\\/af.agency\\\/en\\\/realizacje\\\/author\\\/maciej-n\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to build an effective product card? - AF.agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/","og_locale":"en_US","og_type":"article","og_title":"How to build an effective product card? - AF.agency","og_description":"An effectively designed product card increases conversions by up to 30%, as confirmed by AF.lab's neuromarketing research. Product purchase&nbsp;...","og_url":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/","og_site_name":"AF.agency","article_published_time":"2024-01-20T14:41:00+00:00","article_modified_time":"2024-02-19T13:28:19+00:00","og_image":[{"url":"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png","type":"","width":"","height":""}],"author":"Maciej Nowacki","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Maciej Nowacki","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#article","isPartOf":{"@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/"},"author":{"name":"Maciej Nowacki","@id":"https:\/\/af.agency\/en\/#\/schema\/person\/9aa9851cb38caf13d7dc1c3cfcbf6fa3"},"headline":"How to build an effective product card?","datePublished":"2024-01-20T14:41:00+00:00","dateModified":"2024-02-19T13:28:19+00:00","mainEntityOfPage":{"@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/"},"wordCount":905,"publisher":{"@id":"https:\/\/af.agency\/en\/#organization"},"image":{"@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#primaryimage"},"thumbnailUrl":"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png","articleSection":["Knowledge"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/","url":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/","name":"How to build an effective product card? - AF.agency","isPartOf":{"@id":"https:\/\/af.agency\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#primaryimage"},"image":{"@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#primaryimage"},"thumbnailUrl":"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png","datePublished":"2024-01-20T14:41:00+00:00","dateModified":"2024-02-19T13:28:19+00:00","breadcrumb":{"@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#primaryimage","url":"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png","contentUrl":"https:\/\/af.agency\/wp-content\/uploads\/2024\/01\/Jak-zbudowac-skuteczna-karte-produktowa-obraz-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/af.agency\/en\/knowledge\/how-to-build-an-effective-product-card\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home page","item":"https:\/\/af.agency\/en\/"},{"@type":"ListItem","position":2,"name":"Knowledge","item":"https:\/\/af.agency\/en\/realizacje\/category\/knowledge\/"},{"@type":"ListItem","position":3,"name":"How to build an effective product card?"}]},{"@type":"WebSite","@id":"https:\/\/af.agency\/en\/#website","url":"https:\/\/af.agency\/en\/","name":"AF.agency","description":"","publisher":{"@id":"https:\/\/af.agency\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/af.agency\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/af.agency\/en\/#organization","name":"AF.agency","url":"https:\/\/af.agency\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/af.agency\/en\/#\/schema\/logo\/image\/","url":"https:\/\/af.agency\/wp-content\/uploads\/2023\/11\/logo.svg","contentUrl":"https:\/\/af.agency\/wp-content\/uploads\/2023\/11\/logo.svg","width":68,"height":54,"caption":"AF.agency"},"image":{"@id":"https:\/\/af.agency\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/af.agency\/en\/#\/schema\/person\/9aa9851cb38caf13d7dc1c3cfcbf6fa3","name":"Maciej Nowacki","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2575c0f669f636152a29316b2b2d1efa7326ca47eb7c0fa769d6017909bf7b6a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2575c0f669f636152a29316b2b2d1efa7326ca47eb7c0fa769d6017909bf7b6a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2575c0f669f636152a29316b2b2d1efa7326ca47eb7c0fa769d6017909bf7b6a?s=96&d=mm&r=g","caption":"Maciej Nowacki"},"url":"https:\/\/af.agency\/en\/realizacje\/author\/maciej-n\/"}]}},"_links":{"self":[{"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/posts\/23759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/comments?post=23759"}],"version-history":[{"count":0,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/posts\/23759\/revisions"}],"wp:attachment":[{"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/media?parent=23759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/categories?post=23759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/tags?post=23759"},{"taxonomy":"tag-marki","embeddable":true,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/tag-marki?post=23759"},{"taxonomy":"tag-wiedza","embeddable":true,"href":"https:\/\/af.agency\/en\/wp-json\/wp\/v2\/tag-wiedza?post=23759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}