Skip to main content
All CollectionsInstant Start Instructions
Activate and Customize Your Shopify App Embed Block
Activate and Customize Your Shopify App Embed Block

Storefront configurations

Max K. avatar
Written by Max K.
Updated over a month ago

General Banner

To enable our general banner on your storefront, follow these steps:

  1. Locate our app theme extension in two ways: Directly access it via a link on our app's homepage after creating a campaign, or navigate through Online Store -> Themes -> Current Theme -> Customize -> App Embeds (using the right navigation bar), and search for 'Discount Mixer'.

  2. Activate Features: Manually check the "Show general banner" and "Discount Mixer embed" options if they're not already enabled.

  3. Adjust Title: Modify the banner title to meet your store's requirements.

  4. Preview: Check that your "General banner" appears as intended.

  5. Save Changes: Remember to click "Save" to apply your customizations.

Below is an image to visually guide you through these steps.

Discount price and badge

To display the discount price and badge (discount view embed) effectively on your storefront, follow these steps:

  1. Locate the Embed Block: Access our app’s theme extension in two ways:

    • Use the direct link available on our app's homepage after creating a campaign.

    • Alternatively, you can go to Online Store -> Themes -> Current Theme -> Customize -> App Embeds (using the right navigation bar) and search for "Discount Mixer" or "Discount view".

  2. Activate the Embed Block: Our link activates the embed block by default and applies a 'compare-at-price' discount. If it does not activate automatically, please enable it manually.

  3. Switch to Your Product Template: Go to your product template with the embed enabled to view the discount as it will appear to your customers.

  4. Customize Styling: Adjust the styling settings to ensure the appearance aligns with your store’s look and feel.

  5. Adjust for Stability: If you notice the discounted price fluctuates when switching product variants, consider increasing the timeout value for better stability.

  6. Save Your Changes: Finally, click Save to apply all customizations.

    Below is an image to visually guide you through these steps.

Tier table for Volume (order quantity) discount

The tiered table lets you showcase discounts based on Volume (order quantity) campaigns directly on your product pages. Follow these steps to enable and customise it for your storefront:

  1. Activating the Tier Table: The tier table is hidden by default. To activate it, enable the “Show tier table” option in your storefront settings.

  2. Displaying the Tier Table on Product Pages: Switch to your product template. When the “Show tier table” option is enabled, the tier table discount will appear above the “Add to Cart” button.

  3. Customising the Tier Table Appearance: Please customize the look of the tier table to match your store's branding and preferred style.

  4. Saving Your Changes: Once you’ve completed your customisations, click “Save” to apply the changes and make the tier table visible to your customers.

Below is an image to visually guide you through these steps.


Need help setting things up?

If you experience any issues or need help with the embeds, please don’t hesitate to contact us. You can email us at [email protected], use our support widget located at the bottom right of this page or within our app, or visit the help page accessible in our app.

Did this answer your question?