Back to Integrations

Shopify Email Verification Integration

Use JS Widget to quickly and easily integrate DeBounce real-time email validation into your Shopify fields.

No Credit Card is Required. From $0.0003 per Check.

JS Widget can easily integrate into your Shopify forms and validate your emails prior to form submission.

What do you need before starting?

  1. DeBounce public API key
  2. Shopify account
  3. Shopify forms.

Which forms and fields are protected?

  1. Standard Shopify contact forms.
  2. Newsletter section on Shopify store.
  3. Shopify registration forms.

Here is a step-by-step guide on how to integrate DeBounce into your Shopify forms.

  • 01

    Creating a public API key

    Navigate to https://app.debounce.com/api and create an API key, then copy the public API key.

    Next, you need to add your domain URL to the approved domains list. This is a security factor that only enables the widget on your specific domain. Click on “CORS Domains” and add your website address. Please note that the CORS URL must follow these rules: 1) It is not sensitive to HTTP and HTTPS; 2) It is sensitive to www and non-www; 3) If your webpage is on a subdomain, you must add the subdomain too; 4) You must enter the root URL of your webpage. Some possible examples: example.com, my.example.com, www.example.com.

  • 02

    Setup JavaScript Widget

    Go to the Real-Time Widget section in your DeBounce dashboard and select the API key you created in the first step.

    You will then be able to configure the JavaScript Widget according to your needs. Once the configuration is complete, click the Create Widget Code button.

    DeBounce will generate a JavaScript snippet for you. This is the code you will add to your Shopify store.

  • 03

    Add the Widget Code to Shopify (Global Installation)

    Use this method if you want the DeBounce JavaScript Widget to work across most pages of your Shopify store, including signup forms, newsletter fields, and contact forms.

    1. Log in to your Shopify Admin.
    2. Navigate to Online Store → Themes.
    3. Click Edit code on your active theme.
    4. Open the file Layout → theme.liquid.
    5. Paste the DeBounce JavaScript widget snippet right before the closing </body> tag.

    Tip:
    If the widget documentation specifically requires loading the script inside the <head> section, you may place it there instead. Otherwise, adding it before </body> is recommended for better performance.