In order to optimize our website for you and to be able to continuously improve it, we use cookies and services from third parties. Some of these are essential to ensure the operation of the site (e.g. for the shopping cart), while others help us to improve our online offer and operate it economically. You can easily set which type of cookies and which services are allowed via the settings. Further details can be found in our privacy policy.

Settings
Download the App
#

Quick HTML Setup for Widget Filters

Questions:

  • How do I limit the number of offers in my widget (HTML)?
  • How can I change the widget’s theme (light or dark) in HTML?
  • How do I adjust corner radius for softer edges (HTML)?
  • How can I apply my brand color to the widget (HTML)
  • How can I disable the default background or borders (container) in HTML?
  • How do I change the widget’s language or region format (HTML)?
  • How can I set the currency displayed in offers (HTML)?
  • Why is my widget not loading correctly (HTML)?
  • How to embed the widget in WordPress, Wix, or Shopify (HTML)?
  • Where can I find all HTML parameters and defaults?

Description:

Customizing your Get Your Offers widget is super easy! 

You can control how your widget looks and behaves — like the theme, number of offers, colors, or currency — just by adding simple data attributes to your HTML tag.


No coding skills needed — just copy, paste, and tweak the values you want.

Solution:

  1. Add the script 
    <script src="https://getyouroffers.app/SCRIPTS/OffrAppManagement/current-offers.v1.js"></script>
  2. Add the widget (with your storeId) 
    <get-your-offers data-store-id="5"></get-your-offers>

Full Example (HTML)

All customization options included (optional)

HTML: Widget Integration

<script src="https://getyouroffers.app/SCRIPTS/OffrAppManagement/current-offers.v1.js"></script>

<get-your-offers
  data-store-id="5"
  data-limit="12"
  data-theme="dark"
  data-radius="16"
  data-brand-color="#f51231"
  data-container="false"
  data-locale="en-US"
  data-currency="USD"
></get-your-offers>

Tips and Tricks:

Main Things to Remember

  • Always include the latest script version (e.g., current-offers.v1.js) in the <head> or right before the closing </body> tag.
  • Use a valid storeId — this is required for offers to appear.
  • Choose HTML tag or JavaScript API, not both for the same instance.
  • Set the theme, brand color, and radius to match your site’s design.
  • Adjust data-locale and data-currency to match your target region.
  • Check the console for errors if nothing appears — missing attributes or invalid IDs are common causes.
  • Use your browser’s developer tools → Network tab to verify that offer data is being fetched successfully.