Popup King manual

Settings:

1. Cookie Time

   • Description: Sets how long the visitor’s age confirmation is remembered.

   • Options:

     • 1 day

     • 1 week

     • 1 month

     • 3 months

     • 1 year

2. Redirect Link

   • Description: The URL to which visitors are redirected if they do not confirm their age.

   • Default: https://google.com

3. Image Desktop

   • Description: The image displayed in the popup when viewed on desktop devices.

4. Image Mobile

   • Description: The image displayed in the popup when viewed on mobile devices. If not specified, the desktop image is used by default.

5. Hide Image on Mobile

   • Description: Option to hide the image when the popup is viewed on mobile devices.

   • Default: Disabled

How to Use

1. Configure Settings: In the app settings in your Shopify admin panel, set the cookie time, redirect link, and upload the appropriate images for desktop and mobile.

2. Customize Popup: Adjust the settings to match your store’s design and requirements. You can hide the image on mobile if desired.

3. Save Changes: After configuring the settings, save your changes to activate the Age Check Popup on your store.

Example Use Case:

Imagine you run an online liquor store. You want to ensure that all visitors are of legal drinking age before browsing your products. By using the Age Check Popup, you can:

• Set the cookie time to remember the visitor’s confirmation for 1 month.

• Redirect underage visitors to a different website, such as an educational page about alcohol.

• Display a stylish image of a wine bottle on desktop and a simplified version on mobile.

• Optionally hide the image on mobile for a cleaner look.

This setup ensures compliance with age restrictions and enhances the user experience by showing relevant visuals based on the device used.

Texts and translations:

To change text content and add other languages – use translation settings

Settings:

1. Cookie Time

   • Description: Determines how long the popup will wait before reminding the same customer again.

   • Options:

     • 10 minutes

     • 30 minutes

     • 1 hour

     • 8 hours

     • 1 day

   • Usage: Choose a time interval that balances between being a gentle reminder and not being too intrusive.

2. Display Frequency

   • Description: Controls how often the popup is shown.
   • Options:

     • One time: The popup will be shown once a day.

     • Cookie interval: The popup will be shown based on the selected cookie time interval.

   • Usage: Select “One time” for a less frequent reminder or “Cookie interval” for more regular reminders.

3. Text Color

   • Description: Sets the color of the text in the popup.

   • Default: White (#FFF)

   • Usage: Choose a text color that contrasts well with the background for readability.

4. Background Color

   • Description: Sets the background color of the popup.

   • Default: Black (#000)

   • Usage: Pick a background color that matches your store’s theme and makes the text stand out.

Example Use Case:

1. E-commerce Store with High Cart Abandonment Rates

   • Setup: Set the cookie time to 1 hour and the display frequency to “Cookie interval”. Customize the text color to white and the background color to your store’s theme.

   • Result: Customers who leave items in their cart will receive a reminder after an hour, encouraging them to complete their purchase.

2. Fashion Store During a Sale

   • Setup: Set the cookie time to 30 minutes and the display frequency to “One time”. Use bright, attention-grabbing colors for the text and background.

   • Result: Shoppers are reminded about their cart items quickly, ensuring they don’t miss out on the sale, leading to higher conversion rates.

3. Seasonal Promotions

   • Setup: Set the cookie time to 8 hours and the display frequency to “Cookie interval”. Adjust the colors to match the seasonal theme (e.g., red and green for Christmas).

   • Result: Customers receive periodic reminders about their cart during the promotional period, increasing the likelihood of purchase before the promotion ends.

Texts and translations:

To change text content and add other languages – use translation settings

Settings:

1. Cookie Time

   • Description: Determines how long the promo banner will be remembered by the user’s browser before showing again.

   • Options:

     • 1 day

     • 1 week

     • 1 month

     • 3 months

     • 1 year

   • Usage: Choose a duration that balances reminding customers about the promotion without being too repetitive.

2. Link Source

   • Description: The URL where users will be directed when they click on the promo banner button.

   • Usage: Typically links to the promoted collection or a special offer page.

3. Image

   • Description: The image displayed in the promo banner.

   • Usage: Use a visually appealing image that represents the promoted collection or products.

4. Products

   • Description: A list of products to display in a popup when the promo banner is clicked.

   • Limit: Up to 12 products.

   • Usage: Ideal for highlighting bestsellers or special promotions within the collection.

5. Show Shadow

   • Description: Option to add a shadow effect to the promo banner.

   • Default: Disabled

   • Usage: Adds a subtle shadow to make the banner stand out more.

6. Colors

   • Background: The background color of the promo banner.

   • Text: The color of the text in the promo banner.

   • Button Background: The background color of the button.

   • Button Text: The color of the text on the button.

   • Button Border: The color of the button border.

   • Button Background (Hover): The background color of the button when hovered over.

   • Button Text (Hover): The color of the button text when hovered over.

   • Button Border (Hover): The color of the button border when hovered over.

   • Usage: Customize these colors to align with your store’s branding and to make the promo banner visually appealing.

Example Use Case:

1. Seasonal Sales Promotion

   • Setup: Set the cookie time to 1 week and customize the banner colors to match the seasonal theme (e.g., red and green for Christmas). Upload a festive image and link the button to your holiday sales collection.

   • Result: Customers are reminded of the seasonal sale each week, encouraging them to explore and purchase from the holiday collection.

2. New Collection Launch

   • Setup: Set the cookie time to 1 month and use a striking image of the new collection. Add the key products from the collection to the products list, and link the button to the new collection page.

   • Result: Visitors are regularly reminded about the new collection, driving traffic to the collection page and increasing the chances of purchase.

3. Limited-Time Offers

   • Setup: Set the cookie time to 1 day and highlight daily deals or limited-time offers. Customize the colors to create a sense of urgency and link the button to the offers page.

   • Result: Customers see the promo banner daily, creating a sense of urgency and encouraging quick purchases.

Texts and translations:

To change text content and add other languages – use translation settings

Settings:

1. Cookie Time

   • Description: Determines how long the cookie consent will be remembered before showing the bar again.

   • Options:

     • 1 day

     • 1 week

     • 1 month

     • 3 months

     • 1 year

   • Usage: Choose a time frame that ensures compliance without annoying repeat visitors.

2. Show Shadow

   • Description: Option to add a shadow effect to the cookie bar.

   • Default: Disabled

   • Usage: Adds a subtle shadow to make the bar stand out more.

3. Colors

4. • Background: The background color of the cookie bar. banner.

   • Text: The color of the text in the cookie bar.

   • Button Background: The background color of the button.

   • Button Label: The color of the text on the button.

   • Button Border: The color of the button border.

   • Button Background (Hover): The background color of the button when hovered over.

   • Button Label (Hover): The color of the button text when hovered over.

   • Button Border (Hover): The color of the button border when hovered over.

   • Usage: Customize these colors to match your store’s branding and make the cookie bar visually appealing.

Example Use Case:

1. General Compliance

   • Setup: Set the cookie time to 1 month, and customize the colors to match your store’s theme. Enable the shadow for better visibility.

   • Result: Visitors see the cookie consent bar once a month, ensuring compliance with privacy laws without being intrusive.

2. Seasonal Theme

   • Setup: Adjust the colors of the cookie bar to fit a seasonal theme (e.g., red and green for Christmas). Set the cookie time to 1 week during high traffic periods.

   • Result: The cookie bar blends seamlessly with the seasonal design, enhancing the user experience while maintaining compliance.

3. Minimalistic Design

   • Setup: Use simple, neutral colors like black and white for a clean, unobtrusive look. Set the cookie time to 3 months.

   • Result: The cookie bar remains understated, aligning with a minimalist design approach while still fulfilling legal requirements.

Texts and translations:

To change text content and add other languages – use translation settings

Settings:

1. Show Socials

   • Description: Option to display social media icons in the popup.

   • Default: Enabled

   • Usage: Enable this setting to include links to your social media profiles in the popup.

2. Cookie Time

   • Description: Determines how long the popup will wait before showing again to the same visitor.

   • Options:

     • 1 day

     • 1 week

     • 1 month

     • 3 months

     • 1 year

   • Usage: Choose a time frame that balances reminding customers without being too repetitive.

3. Image Desktop

   • Description: The image displayed in the popup when viewed on desktop devices.

   • Usage: Use an engaging image that complements the newsletter message.

4. Image Mobile

   • Description: The image displayed in the popup when viewed on mobile devices. If not specified, the desktop image will be used by default.

   • Usage: Ensure the image is optimized for mobile viewing.

5. Hide image on mobile

   • Description: Option to hide the image when the popup is viewed on mobile devices.

   • Default: Disabled

   • Usage: Enable this setting to hide the image for a cleaner look on mobile devices.

6. Social Media Links

   • Description: URLs for your social media profiles.

   • Options

     • Social Twitter Link

     • Social Facebook Link

     • Social Pinterest Link

     • Social Instagram Link

     • Social Tumblr Link

     • Social YouTube Link

     • Social TikTok Link

   • Usage: Provide the URLs to your social media profiles to be included in the popup. Visitors can click these icons to follow your profiles.

Example Use Case:

1. General Email List Building

   • Setup: Set the cookie time to 1 month, upload an engaging desktop image, and enable social media links. Customize the popup text to invite users to subscribe for updates and promotions.

   • Result: Visitors see the popup once a month, encouraging them to subscribe without being overly intrusive.

2. Seasonal Campaign

   • Setup: Adjust the popup’s text and images to reflect a seasonal theme, such as a holiday promotion. Set the cookie time to 1 week during high-traffic periods.

   • Result: Increased visibility for seasonal campaigns, driving more subscriptions and engagement during peak times.

3. Mobile-Optimized Popup

   • Setup: Use a simplified design for mobile by hiding the image and focusing on the subscription form. Set the cookie time to 3 months.

   • Result: A clean and effective popup that enhances user experience on mobile devices, leading to higher conversion rates.

Texts and translations:

To change text content and add other languages – use translation settings

Settings:

1. Cookie Time

   • Description: Determines how long the promo popup will be remembered before showing again to the same visitor.

   • Options:

     • 1 day

     • 1 week

     • 1 month

     • 3 months

     • 1 year

   • Usage: Choose a time frame that balances between reminding customers and not being too intrusive.

2. Show Shadow

   • Description: Option to add a shadow effect to the promo popup.

   • Default: Disabled

   • Usage: Adds a subtle shadow to make the popup stand out more.

3. Product

   • Description: The product you want to promote with the popup.

   • Usage: Select the product from your store that you wish to highlight.

4. Placeholder Image

   • Description: A default image to be used if the selected product does not have an image.

   • Usage: Ensure there is always an image displayed in the promo popup.

5. Colors

   • Background: The background color of the promo popup.

   • Border: The color of the border around the promo popup.

   • Text: The color of the text in the promo popup.

   • Button Background: The background color of the button.

   • Button Label: The color of the text on the button.

   • Button Border: The color of the button border.

   • Button Background (Hover): The background color of the button when hovered over.

   • Button Label (Hover): The color of the button text when hovered over.

   • Button Border (Hover): The color of the button border when hovered over.

   • Usage: Customize these colors to align with your store’s branding and make the promo popup visually appealing.

Example Use Case:

1. Highlighting a New Arrival

   • Setup: Set the cookie time to 1 week, and use a vibrant background color that matches your store’s theme. Select the new arrival product and ensure its image is appealing.

   • Result: Visitors see the promo popup highlighting the new product once a week, increasing its visibility and potential sales.

2. Promoting a Discounted Item

   • Setup: Set the cookie time to 1 day during a sale period, and use contrasting colors to catch the visitor’s attention. Select the discounted product and customize the button text to emphasize the discount.

   • Result: The promo popup draws attention to the discounted product daily, driving more sales during the promotion.

3. Seasonal Promotion

   • Setup: Adjust the popup’s text and images to reflect a seasonal theme, such as a holiday promotion. Set the cookie time to 1 month, and use seasonal colors in the popup design.

   • Result: Increased visibility for seasonal products, driving more engagement and purchases during the festive period.

Texts and translations:

To change text content and add other languages – use translation settings

How to Add Translations

1. Navigate to Translation Settings: Go to the “Translations” section in the app settings.

2. Select Extension: Choose the extension you want to add translations for (e.g., Age Check, Cart Reminder, Collection Promo, Cookie Bar, Product Promo).

3. Add a New Language: Click on the “+” button to add a new language.

4. Enter Language Details:

   • Language Name: The name of the language (e.g., English, French).

   • Language Code: The ISO code for the language (e.g., en for English, fr for French).

5. Enter Translations:

   Fill in the translations for each text field relevant to the extension. For example, for the “Age Check” extension, you will need to provide translations for:

   • Age Check Heading

   • Age Check Text

   • Age Check Button Label

   • Age Check Close Button Label

   • Age Check Close Button ARIA Label

Example: Age Check Translation Settings

For the “Age Check” extension, here is an example of how the translation settings might look:

• Language Name: English

• Language Code: en

Translation Fields:

• Age Check Heading: “Access to the store”

• Age Check Text: “Are you 18 years old?”

• Age Check Button Label: “Yes, I’m 18 years old”

• Age Check Close Button Label: “No”

• Age Check Close Button ARIA Label: “Close”

Benefits of Translation Settings

• Multilingual Support: Reach a wider audience by providing content in multiple languages.

• Improved User Experience: Enhance the shopping experience for non-English speaking customers by presenting information in their native language.

• Compliance: Ensure that legal and age-related messages are understood by all visitors.

The “Step Guide” guide helps you seamlessly integrate various popup extensions into your store’s themes. By embedding popups directly into your theme, you can enhance user engagement and drive higher conversions.

This process allows you to customize how and where popups appear, ensuring they align with your store’s aesthetic and provide a cohesive user experience.