{"id":276866,"date":"2020-12-25T06:56:25","date_gmt":"2020-12-25T06:56:25","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=276866"},"modified":"2025-05-26T06:34:00","modified_gmt":"2025-05-26T06:34:00","slug":"growth-hacks-app-for-shopify","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/","title":{"rendered":"Growth Hacks App for Shopify &#8211; [User Guide]"},"content":{"rendered":"\n<p>Discount pop-ups are one of the most effective growth hacks for improving user engagement and conversions on <a href=\"https:\/\/www.shopify.com\/in\/free-trial?ref=webkul\">Shopify<\/a> stores. <\/p>\n\n\n\n<p>That\u2019s why we bring you the <strong>\u201cGrowth Hacks\u201d<\/strong> app \u2013 a multi-featured solution designed to boost your sales using powerful marketing methods.<\/p>\n\n\n\n<p>With this app, you can choose from multiple conversion-focused features like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Spin Wheel<\/strong> \u2013 A fun way to offer discount coupons to customers in exchange for their email addresses.<\/li>\n\n\n\n<li><strong>Recent Sales Popup<\/strong> \u2013 Build trust and urgency by showing recent sales activity on your storefront.<\/li>\n\n\n\n<li><strong>Product Countdown<\/strong> \u2013 Create urgency by displaying a countdown timer on selected products.<\/li>\n\n\n\n<li><strong>Image Part Finder<\/strong> \u2013 Help users visually locate the exact parts or variants of a product using images.<\/li>\n<\/ul>\n\n\n\n<p>Each method is available under flexible monthly plans, and you can enable\/disable them individually as per your business strategy.<\/p>\n\n\n\n<p>Start using these growth methods to create excitement, increase conversions, and improve your store&#8217;s overall performance. <strong><a href=\"https:\/\/apps.shopify.com\/growth-hack\" target=\"_blank\" rel=\"noreferrer noopener\">GET APP<\/a><\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><span style=\"font-size: 21.06px;\">App Features<\/span><\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <strong>simplified way to enable various conversion-boosting pop-ups<\/strong> like Spin Wheel, Recent Sales, Product Countdown, and Image Part Finder \u2013 all in a single app.<\/li>\n\n\n\n<li>For the <strong>Spin Wheel<\/strong>, you can create custom rules to define how and when prizes are shown.<\/li>\n\n\n\n<li>The <strong>pop-up design and colors are fully customizable<\/strong> to match your storefront branding.<\/li>\n\n\n\n<li>Customers receive their <strong>discount codes via email automatically<\/strong>, based on their prize.<\/li>\n\n\n\n<li>You can configure: <br><strong>Limit per customer<\/strong> for discount codes<br><strong>Email templates<\/strong> and <strong>spin wheel labels<\/strong> for personalized messaging<br><strong>Show recent sales popups<\/strong> to build urgency and trust among new visitors.<br>Enable <strong>countdown timers<\/strong> on product pages to promote limited-time deals.<\/li>\n\n\n\n<li><strong>Image Part Finder<\/strong> allows customers to interact with product images and find specific parts or variants easily, perfect for complex product catalogs.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Membership Plan<\/h3>\n<\/div><\/div>\n\n\n\n<p>The Growth Hacks app offers <strong>multiple feature-based plans<\/strong>, so you can enable only what you need:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Spin Wheel<\/strong> \u2013 Free forever ($0\/month)<\/li>\n\n\n\n<li><strong>Recent Sales Popup<\/strong> \u2013 $5\/month<\/li>\n\n\n\n<li><strong>Product Countdown<\/strong> \u2013 $10\/month<\/li>\n\n\n\n<li><strong>Image Part Finder<\/strong> \u2013 $15\/month<\/li>\n<\/ul>\n\n\n\n<p>Each method can be <strong>enabled or disabled individually<\/strong> from the &#8220;Feature App Service&#8221; section inside the app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"595\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp\" alt=\"Feature app service\" class=\"wp-image-493364\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-768x381.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1536x761.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot.webp 1842w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now let\u2019s explore how to configure these features.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">General Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>Once the initial setup is done, the next important step is configuring the basic settings that define how the app will interact with your store. <\/p>\n\n\n\n<p>The <strong>General Configuration<\/strong> section allows you to manage some core elements like branding, communication preferences, timezone settings, and discount code behavior.<\/p>\n\n\n\n<p>Here\u2019s a quick overview of the key options you\u2019ll find under this section:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Store Logo<\/strong>: You can upload your store logo here, which will also reflect in customer-facing email templates. <br>It&#8217;s recommended to use a logo with dimensions of <strong>197px \u00d7 52px<\/strong>.<br><\/li>\n\n\n\n<li><strong>Store Email<\/strong>: This is the email address that the app will use for all outbound communication like notifications or customer mails. Make sure it&#8217;s active and relevant to your store.<br><\/li>\n\n\n\n<li><strong>Time Zone<\/strong>: All date and time stamps across the app (including order timestamps, reports, etc.) will follow the timezone selected here. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"595\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24-1200x595.webp\" alt=\"general configuration\" class=\"wp-image-493479\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24-1200x595.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24-768x381.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24-1536x761.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-24.webp 1844w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Spin Wheel Configuration<\/strong><\/p>\n\n\n\n<p>This sub-section is specifically relevant if you&#8217;re using the Spin Wheel feature for gamified discounts. It helps you control how the discount codes are generated and used by customers.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Discount Code Prefix<\/strong>: You can define a prefix (like <code>wkgh_<\/code>) that will be added at the beginning of all discount codes generated through the Spin Wheel.<br><\/li>\n\n\n\n<li><strong>Limit Per Customer<\/strong>: Set how many times a customer is allowed to use the discount code. This helps prevent overuse and ensures fair play.<br><\/li>\n\n\n\n<li><strong>Validity Period<\/strong>: You can define how long the discount code remains valid after it&#8217;s generated. For example, if you set it to 7, the code will expire 7 days after being issued.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"593\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2-1200x593.webp\" alt=\"spin wheel configuration\" class=\"wp-image-493367\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2-1200x593.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2-300x148.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2-768x380.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2-1536x759.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-2.webp 1845w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Growth Hack Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After setting up the general configuration, you can head over to the <strong>Growth Hack Configuration<\/strong> section. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Manage Spin Wheel Configuration<\/strong><\/h4>\n\n\n\n<p>This gamified discount feature can be a great way to capture visitor attention and grow your email list. <\/p>\n\n\n\n<p>In this section, you can <strong>enable or disable<\/strong> the Spin Wheel and configure its <strong>active date range<\/strong> to schedule it for specific campaigns.<\/p>\n\n\n\n<p>If you\u2019ve already configured the Spin Wheel settings under the General Configuration, this section lets you control <em>when<\/em> it goes live on your storefront. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"594\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3-1200x594.webp\" alt=\"Manage Spin Wheel Configuration\" class=\"wp-image-493369\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3-1200x594.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3-768x380.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3-1536x761.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-3.webp 1846w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>You can plan it around festive sales, product launches, or special promotions.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Manage Recent Sales Popup Configuration<\/strong><\/h4>\n\n\n\n<p>The \u201cRecent Sales Popup\u201d is a powerful social proof tool that displays live notifications of customer purchases. <\/p>\n\n\n\n<p>This builds trust and encourages new visitors to purchase by showing that others are buying in real-time.<\/p>\n\n\n\n<p>Under this section, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable or disable<\/strong> the pop-up visibility.<\/li>\n\n\n\n<li>Set a <strong>start and end date<\/strong> for when the pop-up should be active.<\/li>\n\n\n\n<li>Use the <strong>Import Orders<\/strong> button to fetch past customer orders for display.<\/li>\n\n\n\n<li>Track the total imported orders at the bottom of the section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"593\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4-1200x593.webp\" alt=\"Manage Recent Sales Popup Configuration\" class=\"wp-image-493370\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4-1200x593.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4-300x148.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4-768x380.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4-1536x760.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-4.webp 1842w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Manage Product Countdown Configuration<\/strong><\/h4>\n\n\n\n<p>Adding a countdown timer to your product pages helps create a sense of urgency, pushing customers toward quicker purchase decisions. <\/p>\n\n\n\n<p>The app provides a simple toggle to <strong>enable or disable<\/strong> this feature for specific products.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"592\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5-1200x592.webp\" alt=\"Manage Product Countdown Configuration\" class=\"wp-image-493372\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5-1200x592.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5-300x148.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5-250x123.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5-768x379.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5-1536x757.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-5.webp 1846w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Important Note:<\/strong> Once a countdown is running on a product, do <strong>not edit that product<\/strong> directly from Shopify, or it may break the countdown flow.<\/p>\n\n\n\n<p>After activation, the timer appears directly on the product page and visually reminds customers of limited-time offers \u2014 a simple yet effective way to convert hesitant buyers.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Manage Image Part Finder Configuration<\/strong><\/h4>\n\n\n\n<p>This feature is especially useful for stores dealing in spare parts, accessories, or multi-component items. <\/p>\n\n\n\n<p>With the <strong>Image Part Finder<\/strong>, customers can visually select specific components from an image, making navigation much easier for technically complex catalogs.<\/p>\n\n\n\n<p>You can <strong>enable or disable<\/strong> this feature based on your store\u2019s needs from this section. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"624\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6-1200x624.webp\" alt=\"Manage Image Part Finder Configuration\" class=\"wp-image-493373\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6-1200x624.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6-768x399.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6-1536x799.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-6.webp 1844w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once activated and configured with the right image and clickable zones, it improves UX drastically for parts-heavy inventories.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mail Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>Once your growth hacks are active, like Spin Wheel or Recent Sales Popups \u2014<\/p>\n\n\n\n<p> You can customize the email that is automatically sent to customers after they win a discount code via any method configured in the app.<\/p>\n\n\n\n<p>So, for that, go to the <strong>Configuration<\/strong> tab and click on <strong>Mail Configuration<\/strong>.<br>Here, you\u2019ll see the mail template listed.<\/p>\n\n\n\n<p>On the right-hand side, under the <strong>Action<\/strong> column, click the <strong>three-dot menu<\/strong> and select <strong>Edit<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"595\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7-1200x595.webp\" alt=\"Mail Configuration.\" class=\"wp-image-493375\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7-1200x595.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7-768x381.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7-1536x762.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-7.webp 1842w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once inside the editor, you\u2019ll be able to view and modify the template content.<\/p>\n\n\n\n<p>You can customize the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email Subject<\/strong> (e.g., \u201cYour Exclusive Discount Inside!\u201d)<\/li>\n\n\n\n<li><strong>Email Body Content<\/strong> \u2014 powered by a rich text editor (TinyMCE), where you can format, personalize, and style the email easily.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"596\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8-1200x596.webp\" alt=\"email template\" class=\"wp-image-493384\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8-1200x596.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8-768x381.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8-1536x763.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-8.webp 1842w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Using Dynamic Variables<\/h4>\n\n\n\n<p>To make the email personalized and informative, the app supports <strong>template variables<\/strong> inside double curly brackets <code>{{ }}<\/code>. <\/p>\n\n\n\n<p>These placeholders automatically get replaced with actual customer and discount data.<\/p>\n\n\n\n<p><strong>Note<\/strong>: Do <strong>not remove<\/strong> these variables, as they dynamically fetch relevant data for each customer.<\/p>\n\n\n\n<p>Once you\u2019re done customizing the content, just hit <strong>Submit<\/strong> to save your changes.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Translations<\/h3>\n<\/div><\/div>\n\n\n\n<p>To ensure a consistent user experience across different languages, the Growth Hack app allows you to <strong>translate storefront labels<\/strong> with ease.<\/p>\n\n\n\n<p>This feature is particularly helpful for merchants catering to multi-lingual audiences. <\/p>\n\n\n\n<p>You can modify and personalize the default labels shown on the storefront popups like the Spin Wheel or Recent Sales notifications.<\/p>\n\n\n\n<p>So, for that, navigate to the <strong>Configuration<\/strong> &gt; <strong>Translation<\/strong> section from the app interface.<br>Here, you\u2019ll find a list of all the default labels that appear on your storefront.<\/p>\n\n\n\n<p>These labels are fully editable and can be customized in your preferred language.<\/p>\n\n\n\n<p>In the top-right corner, you\u2019ll see two action buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default Translation<\/strong>: Clicking on this button will <strong>lock the labels<\/strong>, making them non-editable. This means only the app\u2019s default label values will be shown on the storefront without any customizations.<br><\/li>\n\n\n\n<li><strong>Reset to Default<\/strong>: This option helps you <strong>discard any custom changes<\/strong> you\u2019ve made to the labels. Once clicked, all edited text will be overridden and restored to the app\u2019s default label values.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"622\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9-1200x622.webp\" alt=\"translation\" class=\"wp-image-493385\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9-1200x622.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9-768x398.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9-1536x796.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-9.webp 1846w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Design Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>The <strong>Design Configuration<\/strong> section allows you to customize the <strong>visual appearance<\/strong> of your Growth Hack features on the storefront. <\/p>\n\n\n\n<p>You can match the look and feel of the Spin Wheel or Recent Sales Popup with your store\u2019s branding by configuring color schemes, text styles, sizes, and behavior settings.<\/p>\n\n\n\n<p>Let\u2019s explore each part step-by-step:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Manage Spin Wheel Design Configuration<\/strong><\/h4>\n\n\n\n<p>You can personalize how the Spin Wheel pop-up appears on your storefront. The following design elements are available for customization:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>First Background Color<\/strong> \u2013 Sets the outermost background of the spin wheel.<\/li>\n\n\n\n<li><strong>Second Background Color<\/strong> \u2013 Sets the inner layer or alternate background.<\/li>\n\n\n\n<li><strong>Wheel Wing First Color<\/strong> \u2013 Color for alternating wheel slices.<\/li>\n\n\n\n<li><strong>Wheel Wing Second Color<\/strong> \u2013 Second color for alternating slices.<\/li>\n\n\n\n<li><strong>Winning Wing Color<\/strong> \u2013 Highlight color used on the winning section of the wheel.<\/li>\n\n\n\n<li><strong>Text Color on Wheel Wing<\/strong> \u2013 Color of the text that appears on each slice.<\/li>\n\n\n\n<li><strong>Spin Wheel Win Popup Box Color<\/strong> \u2013 Color of the success message box shown after a win.<\/li>\n\n\n\n<li><strong>Text Size on Wheel Wing (in pixels)<\/strong> \u2013 Adjusts the font size used on wheel slices.<\/li>\n\n\n\n<li><strong>Customer Details Fields<\/strong> \u2013 You can select which customer details to collect before spinning:\n<ul class=\"wp-block-list\">\n<li>Email (Mandatory)<\/li>\n\n\n\n<li>Name (Optional)<\/li>\n\n\n\n<li>Phone (Optional)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Time Difference to Show Spin Wheel Again (in minutes)<\/strong><br>This controls how often a returning customer can see the spin wheel pop-up.<br>Example: If set to <strong>1440 minutes (24 hours)<\/strong>, and a customer views the pop-up at <strong>1:00 PM<\/strong>, they won\u2019t see it again until <strong>1:00 PM the next day<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"593\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10-1200x593.webp\" alt=\"Spin Wheel Design Configuration\" class=\"wp-image-493386\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10-1200x593.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10-300x148.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10-768x380.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10-1536x759.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-10.webp 1845w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Recent Sales Popup Design Configuration<\/h4>\n\n\n\n<p>Customize the look and behavior of the <strong>Recent Sales Popup<\/strong> that appears when a customer makes a purchase.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong> \u2013 Set the background color of the popup.<\/li>\n\n\n\n<li><strong>Product Name Color<\/strong> \u2013 Customize the font color used for product names.<\/li>\n\n\n\n<li><strong>Customer Name Color<\/strong> \u2013 Customize the font color used for customer names.<\/li>\n\n\n\n<li><strong>Product Name Size (in pixels)<\/strong> \u2013 Adjust text size for product names.<\/li>\n\n\n\n<li><strong>Customer Name Line Size (in pixels)<\/strong> \u2013 Adjust the font size for customer name line.<\/li>\n\n\n\n<li><strong>Popup Show Time (in seconds)<\/strong> \u2013 How long the popup remains visible.<\/li>\n\n\n\n<li><strong>Popup Hide Time (in seconds)<\/strong> \u2013 How quickly the popup disappears after being triggered.<\/li>\n\n\n\n<li>You can also select the <strong>position<\/strong> where the popup appears on your storefront.<\/li>\n\n\n\n<li><strong>Customer Remove Recent Sales Popup<\/strong> \u2013 Option to allow the customer to close or dismiss the popup using a &#8220;close&#8221; button shown at the top-right corner.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"596\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11-1200x596.webp\" alt=\"Recent Sales Popup Design Configuration\" class=\"wp-image-493387\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11-1200x596.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11-768x381.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11-1536x763.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-11.webp 1834w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Manage Product Countdown Design Configuration<\/h4>\n\n\n\n<p>The <strong>Product Countdown<\/strong> feature allows you to show a timer on specific products to create urgency. From this section, you can adjust the look of the countdown banner displayed on product pages.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong> \u2013 Set the backdrop color of the countdown timer.<\/li>\n\n\n\n<li><strong>Text Color<\/strong> \u2013 Choose the font color for countdown digits and labels.<\/li>\n\n\n\n<li><strong>Border Color<\/strong> \u2013 Define the border color for the timer container.<\/li>\n\n\n\n<li><strong>Off Label Color<\/strong> \u2013 Customize the background color of the <strong>&#8220;OFF&#8221;<\/strong> label shown during the offer period.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"597\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12-1200x597.webp\" alt=\"Manage Product Countdown Design Configuration\" class=\"wp-image-493388\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12-1200x597.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12-768x382.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12-1536x764.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-12.webp 1841w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"> Manage Image Part Finder Design Configuration<\/h4>\n\n\n\n<p>The <strong>Image Part Finder<\/strong> feature helps customers find products by clicking on different parts of an image.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Color<\/strong> \u2013 Background color of interactive buttons.<\/li>\n\n\n\n<li><strong>Button Text Color<\/strong> \u2013 Font color used on buttons.<\/li>\n\n\n\n<li><strong>Finder List Card Color<\/strong> \u2013 Background of cards displaying the list of matched items.<\/li>\n\n\n\n<li><strong>Finder Carousel Button Color<\/strong> \u2013 Color of the navigation buttons used in image carousels.<\/li>\n\n\n\n<li><strong>Ripple Color<\/strong> \u2013 Color of the ripple effect when users tap on the image.<\/li>\n\n\n\n<li><strong>Ripple Pointer Color<\/strong> \u2013 Color of the marker that appears at the tap location.<\/li>\n\n\n\n<li><strong>Highlight Ripple Pointer Color<\/strong> \u2013 Color used to highlight the selected marker.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"624\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13-1200x624.webp\" alt=\"Manage Image Part Finder Design Configuration\" class=\"wp-image-493389\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13-1200x624.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13-768x399.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13-1536x799.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-13.webp 1844w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Rules<\/h3>\n<\/div><\/div>\n\n\n\n<p>To offer personalized and targeted discount experiences through various Growth Hack methods, you need to define <strong>rules<\/strong> in the app. <\/p>\n\n\n\n<p>These rules act as the logic behind how and when a discount is triggered \u2014 whether it&#8217;s via a spin wheel, countdown timer, or any other method.<\/p>\n\n\n\n<p>To create a new rule, go to <strong>\u201cRules\u201d<\/strong> and click the <strong>\u201cAdd Rule\u201d<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"594\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14-1200x594.webp\" alt=\"add rule\" class=\"wp-image-493391\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14-1200x594.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14-768x380.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14-1536x761.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-14.webp 1843w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">While adding a rule, you\u2019ll need to provide the following details:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong> \u2013 Enable or disable the rule as needed.<\/li>\n\n\n\n<li><strong>Growth Hack Method<\/strong> \u2013 Choose from available methods like <strong>Spin Wheel<\/strong>, <strong>Countdown Timer<\/strong>, <strong>Image Part Finder<\/strong>.<\/li>\n\n\n\n<li><strong>Start and End Date<\/strong> \u2013 Define the time window during which this rule should be active.<\/li>\n\n\n\n<li><strong>Discount Type<\/strong> \u2013 Choose between:\n<ul class=\"wp-block-list\">\n<li><strong>Fixed amount discount<\/strong> (e.g., \u20b9100 off)<\/li>\n\n\n\n<li><strong>Percentage discount<\/strong> (e.g., 10% off)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Discount Value &#8211; <\/strong>Set the value of the discount. <\/li>\n\n\n\n<li><strong>Minimum Purchase Amount<\/strong> \u2013 Set a minimum cart value to qualify for the discount.<\/li>\n\n\n\n<li><strong>Label<\/strong> \u2013 A short label that represents the offer (visible to customers).<\/li>\n\n\n\n<li><strong>Description<\/strong> \u2013 A brief explanation of the discount.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"625\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15-1200x625.webp\" alt=\"add rule details\" class=\"wp-image-493392\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15-1200x625.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15-768x400.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15-1536x800.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-15.webp 1846w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once a rule is created, it gets linked to the respective Growth Hack method. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you configure a <strong>Spin Wheel<\/strong>, only the linked rules will appear on the wheel.<\/li>\n\n\n\n<li>If you&#8217;re using a <strong>Countdown Timer<\/strong>, the discount logic will follow the assigned rule setup.<\/li>\n<\/ul>\n\n\n\n<p>You can easily <strong>edit<\/strong>, <strong>enable\/disable<\/strong>, or <strong>delete<\/strong> existing rules from the Rules section at any time.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Discount<\/h3>\n<\/div><\/div>\n\n\n\n<p>This section gives you complete visibility into all the <strong>discount codes<\/strong> generated via the app, specifically when customers interact with configured growth hacks such as the <strong>Spin Wheel<\/strong>.<\/p>\n\n\n\n<p>Whenever a customer engages with the Spin the Wheel and <strong>wins a discount<\/strong>, a <strong>unique one-time discount code<\/strong> is automatically created and sent to their <strong>email address<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"595\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/spinwheel.webp\" alt=\"spin wheel\" class=\"wp-image-493413\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/spinwheel.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/spinwheel-300x149.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/spinwheel-250x124.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/spinwheel-768x381.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"577\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/getcode.webp\" alt=\"get code\" class=\"wp-image-493414\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/getcode.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/getcode-300x144.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/getcode-250x120.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/getcode-768x369.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>These discount codes are governed by the rules you defined earlier (like discount value, minimum cart amount, validity, etc.).<\/p>\n\n\n\n<p>The list dynamically displays all the discount codes that have been generated so far. For each code, you\u2019ll get key details like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customer Email<\/strong> \u2013 The email ID of the customer who received the discount.<\/li>\n\n\n\n<li><strong>Discount Code<\/strong> \u2013 The unique, one-time code assigned.<\/li>\n\n\n\n<li><strong>Order Name<\/strong> \u2013 If the discount has already been used, this shows the corresponding Shopify order name.<\/li>\n\n\n\n<li><strong>Expiry Date<\/strong> \u2013 The validity period of the discount code.<\/li>\n\n\n\n<li><strong>Status<\/strong> \u2013 Whether the code is still <strong>active<\/strong>, <strong>used<\/strong>, or <strong>expired<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"623\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16-1200x623.webp\" alt=\"discount code list\" class=\"wp-image-493393\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16-1200x623.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16-768x399.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16-1536x798.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-16.webp 1844w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This list keeps updating automatically as more customers win and receive discount codes.<\/p>\n\n\n\n<p>If you ever need to <strong>verify<\/strong>, <strong>track<\/strong>, or <strong>audit<\/strong> any discount-related concerns,<\/p>\n\n\n\n<p>for example, checking whether a specific customer got their code, or whether a code was used \u2014 this section acts as a centralized record.<\/p>\n\n\n\n<p>You can also use this section to monitor how effective your growth hack campaigns are in terms of user engagement and actual redemptions.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Configure Storefront<\/h3>\n<\/div><\/div>\n\n\n\n<p>This section allows you to <strong>manually add the embed codes<\/strong> needed to show different growth hack features (like the Spin Wheel, Recent Order Popups, Product Countdowns, etc.) on your Shopify storefront.<\/p>\n\n\n\n<p>Choose the theme on which you want to configure the storefront features.<\/p>\n\n\n\n<p>Once selected, you\u2019ll be provided with the respective embed codes for each growth hack method.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"623\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17-1200x623.webp\" alt=\"configure storefront\" class=\"wp-image-493395\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17-1200x623.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17-768x399.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17-1536x798.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-17.webp 1842w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"579\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/salespopup-2.webp\" alt=\"slaes pop up\" class=\"wp-image-493423\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/salespopup-2.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/salespopup-2-300x145.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/salespopup-2-250x121.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/salespopup-2-768x371.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Products<\/h3>\n<\/div><\/div>\n\n\n\n<p>This section allows you to <strong>create urgency on selected products<\/strong> by showing a <strong>limited-time discount offer<\/strong> along with a visible countdown timer on the product page.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Go to the App Dashboard<\/strong> \u2192 Navigate to the <strong>Product<\/strong> section.<\/li>\n\n\n\n<li>Click on <strong>\u201cAdd Product\u201d<\/strong>.<\/li>\n\n\n\n<li>Choose the product you want to apply the discount to.<\/li>\n\n\n\n<li>Select <strong>Off On Product Price Type<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Percentage Discount<\/strong><\/li>\n\n\n\n<li><strong>Fixed Discount<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Enter the <strong>Discount Value<\/strong> (e.g., 20% or \u20b9200).<\/li>\n\n\n\n<li>Set the <strong>Countdown Dates<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Start Date<\/strong><\/li>\n\n\n\n<li><strong>End Date<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click on <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"591\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18-1200x591.webp\" alt=\"add product\" class=\"wp-image-493396\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18-1200x591.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18-300x148.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18-250x123.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18-768x378.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18-1536x756.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-18.webp 1846w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"624\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19-1200x624.webp\" alt=\"information\" class=\"wp-image-493397\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19-1200x624.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19-768x399.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19-1536x798.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-19.webp 1839w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once submitted, a <strong>countdown timer<\/strong> will be displayed on the respective product\u2019s front end.<\/p>\n\n\n\n<p>It will clearly show the <strong>time left<\/strong> for the offer to expire, creating a sense of urgency.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20-1200x584.webp\" alt=\"frontend\" class=\"wp-image-493398\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20-1200x584.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20-300x146.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20-250x122.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20-768x374.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20-1536x747.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-20.webp 1834w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This encourages customers to <strong>act fast and complete their purchase<\/strong> before the deal ends.<\/p>\n\n\n\n<p>You can always <strong>edit<\/strong> the product countdown offer later.<\/p>\n\n\n\n<p>Or, choose to <strong>delete<\/strong> it completely if you no longer want the timer to appear.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Image Part Finder<\/h3>\n<\/div><\/div>\n\n\n\n<p>The <strong>Image Part Finder<\/strong> feature in the Growth Hack app makes your store&#8217;s shopping experience <strong>interactive, visual, and effortless<\/strong>. <\/p>\n\n\n\n<p>Instead of customers scrolling through multiple products, they can <strong>click on specific areas in an image<\/strong> to explore product details or add them directly to the cart.<\/p>\n\n\n\n<p>This turns static visuals into <strong>smart, shoppable images<\/strong>, making product discovery smooth and boosting conversions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Key Benefits<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Converts product images into clickable, interactive shopping zones.<\/li>\n\n\n\n<li>Simplifies navigation and product discovery.<\/li>\n\n\n\n<li>Encourages faster decisions by offering a visual map of items.<\/li>\n\n\n\n<li>Enhances overall customer engagement on your store.<\/li>\n<\/ul>\n\n\n\n<p>You can <strong>enable the Image Part Finder<\/strong> by activating the respective plan from the <strong>Feature Apps<\/strong> section of the Growth Hack app.<\/p>\n\n\n\n<p>After activation, go to the <strong>Growth Hack Configuration<\/strong> section and toggle the <strong>Image Part Finder status<\/strong> ON\/OFF as needed.<\/p>\n\n\n\n<p>Follow these simple steps to set up the Image Part Finder:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Navigate to the Image Part Finder<\/strong> section in the Growth Hack app.<\/li>\n\n\n\n<li>Click on the <strong>\u201cAdd Part Finder\u201d<\/strong> button.<\/li>\n\n\n\n<li>Select the <strong>product<\/strong> you want to associate with the image.<\/li>\n\n\n\n<li>Add a <strong>title<\/strong>, select the <strong>relevant collection<\/strong>, and <strong>upload your main image<\/strong> for the finder.<\/li>\n\n\n\n<li>In the uploaded image, <strong>click on any area<\/strong> where you want to link a product.<\/li>\n\n\n\n<li>Use the <strong>search bar to find the product<\/strong>, then <strong>add it<\/strong> to that area.<\/li>\n\n\n\n<li>Repeat the process for multiple products within the same image.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"626\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21-1200x626.webp\" alt=\"image part finder\" class=\"wp-image-493400\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21-1200x626.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21-300x157.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21-250x131.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21-768x401.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21-1536x802.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-21.webp 1839w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth6-1200x545-1.webp\" alt=\"image part finder information\" class=\"wp-image-493406\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth6-1200x545-1.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth6-1200x545-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth6-1200x545-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth6-1200x545-1-768x349.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss1.webp\" alt=\"ss1\" class=\"wp-image-493407\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss1.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss1-768x349.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss2.webp\" alt=\"ss2\" class=\"wp-image-493408\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss2.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss2-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss2-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss2-768x349.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss3.webp\" alt=\"ss3\" class=\"wp-image-493409\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss3.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss3-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss3-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss3-768x349.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss4.webp\" alt=\"ss4\" class=\"wp-image-493410\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss4.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss4-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss4-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/ss4-768x349.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Each selected product will now be linked to its respective \u201chotspot\u201d in the image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme Extension Setup<\/h2>\n\n\n\n<p>To make the <strong>Image Part Finder<\/strong> appear on both <strong>product description pages<\/strong> and <strong>collection pages<\/strong>, follow the steps below:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Product Page:<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Online Store &gt; Customize Theme<\/strong>.<\/li>\n\n\n\n<li>From the dropdown, select <strong>\u201cProducts\u201d<\/strong>.<\/li>\n\n\n\n<li>Under the <strong>Product Information<\/strong> section, click <strong>\u201cAdd block\u201d<\/strong>.<\/li>\n\n\n\n<li>Select the <strong>\u201cProduct Finder Slider\u201d<\/strong> from the block options.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Collection Page:<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the same Customize Theme section, switch the dropdown to <strong>\u201cCollections\u201d<\/strong>.<\/li>\n\n\n\n<li>Under the <strong>Apps<\/strong> section, click <strong>\u201cAdd block\u201d<\/strong>.<\/li>\n\n\n\n<li>Choose <strong>\u201cProduct Finder Slider\u201d<\/strong> from the available blocks.<\/li>\n<\/ol>\n\n\n\n<p>Save the theme changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Storefront View<\/h2>\n\n\n\n<p>Once set up:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>Image Part Finder<\/strong> will be visible on the <strong>product description page<\/strong> and <strong>collection page<\/strong>.<\/li>\n\n\n\n<li>Clicking on the finder image will <strong>open the interactive view<\/strong> with all linked product areas.<\/li>\n\n\n\n<li>Customers can then:\n<ul class=\"wp-block-list\">\n<li>Click <strong>\u201cView\u201d<\/strong> to go to the product\u2019s detail page.<\/li>\n\n\n\n<li>Click <strong>\u201cAdd to Cart\u201d<\/strong> to instantly add the product to their cart.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Code Pasting for Online Store 2.0<\/h3>\n<\/div><\/div>\n\n\n\n<p>In case you are using&nbsp;<strong><a href=\"https:\/\/www.shopify.com\/partners\/blog\/shopify-online-store\" target=\"_blank\" rel=\"noreferrer noopener\">Online store 2.0<\/a><\/strong>&nbsp;(Example- Dawn), you need to follow the steps to add the codes.<\/p>\n\n\n\n<p>To show the spin wheel pop-up, add the code below <strong>inside the form tag after the head tag<\/strong> in&nbsp;<strong>theme.liquid<\/strong>&nbsp;:-<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% include &#039;growth-spin-wheel&#039; %}<\/pre>\n\n\n\n<p>Code to display &#8220;Recent Order Popup&#8221;, <meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">add the code below <meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\"><strong>inside the form tag after the<\/strong> <strong>head tag <\/strong>in&nbsp;<strong>theme.liquid<\/strong>&nbsp;:-<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% include &#039;recent-order-popup&#039; %}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">For the Product Countdown feature<\/h3>\n\n\n\n<p>To display the countdown timer on the product page in <strong>main-product.liquid<\/strong>, paste the copied code just after <strong>&#8216;&lt;\/product-form&gt;&#8217;<\/strong>:-<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div id=&#039;wk_growth_hack_product_count_down&#039; data-product_id=&#039;{{ product.id }}&#039;&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">To display the countdown timer on the collection page in <strong>main-collection-product-grid.liquid<\/strong>, paste the copied code <strong>between the &#8216;{% for product in collection.products %}&#8217; loop<\/strong>:-<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div id=&#039;wk_growth_hack_collection_product_{{ product.id }}&#039; class=&#039;wk_growth_hack_collection_products&#039; data-product_id=&#039;{{product.id}}&#039; data-shopmethods=&#039;{{ shop.metafields.wk_gh_labels.wk_gh_shopmethods }}&#039;&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><br><\/h4>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Theme extension for image part finder<\/h3>\n<\/div><\/div>\n\n\n\n<p>To display the Image Finder details on both the <strong>product description page<\/strong> and the <strong>collection page<\/strong>, you\u2019ll need to add the required <strong>theme extension<\/strong>.<\/p>\n\n\n\n<p>To begin, go to the <strong>&#8220;Customize theme&#8221;<\/strong> section in your Shopify store\u2019s backend:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1-1200x545.webp\" alt=\"image\" class=\"wp-image-492323\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth11-1.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>From the dropdown, select <strong>Products<\/strong> and under the <strong>Product Information<\/strong> section, click on <strong>\u201cAdd block\u201d<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1-1200x545.webp\" alt=\"image\" class=\"wp-image-492325\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth12-1.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the <strong>Add block<\/strong> section, choose the <strong>\u201cProduct Finder Slider\u201d<\/strong>:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1-1200x545.webp\" alt=\"image\" class=\"wp-image-492327\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth13-1.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Repeat the same steps for the <strong>collection page<\/strong>. This time, select <strong>Collections<\/strong> from the dropdown and click on <strong>\u201cAdd block\u201d<\/strong> under the <strong>Apps<\/strong> section:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1-1200x545.webp\" alt=\"image\" class=\"wp-image-492328\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth14-1.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then, select the <strong>\u201cProduct Finder Slider\u201d<\/strong> option in the block settings:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15-1200x545.webp\" alt=\"image\" class=\"wp-image-492330\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth15.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Storefront<\/h2>\n\n\n\n<p>Once configured, the <strong>Image Finder<\/strong> will be visible on the product description page:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1-1200x545.webp\" alt=\"image\" class=\"wp-image-492332\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth16-1.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Upon clicking it, the finder image will open, allowing customers to explore the listed products:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"492\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1-1200x492.webp\" alt=\"image\" class=\"wp-image-492333\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1-1200x492.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1-300x123.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1-250x102.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1-768x315.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1-1536x630.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth17-1.webp 1915w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When a customer clicks on any of the finder icons, the associated product will appear with <strong>&#8220;View&#8221;<\/strong> and <strong>&#8220;Add to Cart&#8221;<\/strong> options:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"809\" height=\"549\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth18.webp\" alt=\"image\" class=\"wp-image-492334\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth18.webp 809w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth18-300x204.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth18-250x170.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth18-768x521.webp 768w\" sizes=\"(max-width: 809px) 100vw, 809px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clicking <strong>&#8220;View&#8221;<\/strong> will redirect the customer to the product\u2019s description page.<br><\/li>\n\n\n\n<li>Clicking <strong>&#8220;Add to Cart&#8221;<\/strong> will directly add the product to the customer\u2019s cart.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Collection page<\/h2>\n\n\n\n<p>The Image Finder will also be displayed on the collection page in the following format.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"545\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19-1200x545.webp\" alt=\"image\" class=\"wp-image-492335\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19-1200x545.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19-768x349.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19-1536x698.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/growth19.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Demo<\/h3>\n<\/div><\/div>\n\n\n\n<p>You can refer to the below-given URL &amp; credentials to check the demo: <a href=\"https:\/\/growth-hack-demo.myshopify.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/growth-hack-demo.myshopify.com<\/a><br>Storefront Password: <strong>pildai<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need Support?<\/h2>\n\n\n\n<p>Hope you like this blog. To get more interesting blogs, keep in touch with us. If you need any kind of support, simply raise a ticket at&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.uvdesk.com\/en\/\" target=\"_blank\">https:\/\/webkul.uvdesk.com\/en\/<\/a>.<\/p>\n\n\n\n<p>You can contact&nbsp;<strong>support@webkul.com<\/strong>&nbsp;to get proper assistance.<\/p>\n\n\n\n<p>Thank you for reading this Blog!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discount pop-ups are one of the most effective growth hacks for improving user engagement and conversions on Shopify stores. That\u2019s why we bring you the \u201cGrowth Hacks\u201d app \u2013 a multi-featured solution designed to boost your sales using powerful marketing methods. With this app, you can choose from multiple conversion-focused features like: Each method is <a href=\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":183,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[841],"tags":[8571,9309,9304,837,3384],"class_list":["post-276866","post","type-post","status-publish","format-standard","hentry","category-shopify","tag-business-growth","tag-grow-your-shopify-store","tag-how-to-grow-your-ecommerce-business","tag-shopify","tag-shopify-apps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Growth Hacks App for Shopify | Spin Wheel Pop-up - [User Guide]<\/title>\n<meta name=\"description\" content=\"we will explain how to add a spin wheel pop-up to your Shopify storefront and let customers spin and win coupons via Growth Hacks App.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Growth Hacks App for Shopify | Spin Wheel Pop-up - [User Guide]\" \/>\n<meta property=\"og:description\" content=\"we will explain how to add a spin wheel pop-up to your Shopify storefront and let customers spin and win coupons via Growth Hacks App.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-25T06:56:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T06:34:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp\" \/>\n<meta name=\"author\" content=\"Supriya Srivastava\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Supriya Srivastava\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\"},\"author\":{\"name\":\"Supriya Srivastava\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973\"},\"headline\":\"Growth Hacks App for Shopify &#8211; [User Guide]\",\"datePublished\":\"2020-12-25T06:56:25+00:00\",\"dateModified\":\"2025-05-26T06:34:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\"},\"wordCount\":3336,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp\",\"keywords\":[\"Business Growth\",\"grow your shopify store\",\"how to grow your ecommerce business\",\"shopify\",\"Shopify Apps\"],\"articleSection\":[\"Shopify\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\",\"url\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\",\"name\":\"Growth Hacks App for Shopify | Spin Wheel Pop-up - [User Guide]\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp\",\"datePublished\":\"2020-12-25T06:56:25+00:00\",\"dateModified\":\"2025-05-26T06:34:00+00:00\",\"description\":\"we will explain how to add a spin wheel pop-up to your Shopify storefront and let customers spin and win coupons via Growth Hacks App.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot.webp\",\"width\":1842,\"height\":913},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Growth Hacks App for Shopify &#8211; [User Guide]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973\",\"name\":\"Supriya Srivastava\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Supriya Srivastava\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/supriya-srivastava691\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Growth Hacks App for Shopify | Spin Wheel Pop-up - [User Guide]","description":"we will explain how to add a spin wheel pop-up to your Shopify storefront and let customers spin and win coupons via Growth Hacks App.","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:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/","og_locale":"en_US","og_type":"article","og_title":"Growth Hacks App for Shopify | Spin Wheel Pop-up - [User Guide]","og_description":"we will explain how to add a spin wheel pop-up to your Shopify storefront and let customers spin and win coupons via Growth Hacks App.","og_url":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-12-25T06:56:25+00:00","article_modified_time":"2025-05-26T06:34:00+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp","type":"","width":"","height":""}],"author":"Supriya Srivastava","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Supriya Srivastava","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/"},"author":{"name":"Supriya Srivastava","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973"},"headline":"Growth Hacks App for Shopify &#8211; [User Guide]","datePublished":"2020-12-25T06:56:25+00:00","dateModified":"2025-05-26T06:34:00+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/"},"wordCount":3336,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp","keywords":["Business Growth","grow your shopify store","how to grow your ecommerce business","shopify","Shopify Apps"],"articleSection":["Shopify"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/","url":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/","name":"Growth Hacks App for Shopify | Spin Wheel Pop-up - [User Guide]","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot-1200x595.webp","datePublished":"2020-12-25T06:56:25+00:00","dateModified":"2025-05-26T06:34:00+00:00","description":"we will explain how to add a spin wheel pop-up to your Shopify storefront and let customers spin and win coupons via Growth Hacks App.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/screenshot.webp","width":1842,"height":913},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/growth-hacks-app-for-shopify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Growth Hacks App for Shopify &#8211; [User Guide]"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973","name":"Supriya Srivastava","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Supriya Srivastava"},"url":"https:\/\/webkul.com\/blog\/author\/supriya-srivastava691\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/276866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/183"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=276866"}],"version-history":[{"count":71,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/276866\/revisions"}],"predecessor-version":[{"id":493480,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/276866\/revisions\/493480"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=276866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=276866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=276866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}