Subscriber Sign Up form on Thank You Page

[paulson1]

We DO NOT like to show a Pop Up when a new customer comes to the store first time, instead we will give an offer of 15% discount on the store for the first time buyers.

In order to collect the email and get consent for subscription, we are planning to show a Pop Up after the first purchase on the Thank You Page by using a Pop Up with a 10% discount on next order and the code will be emailed to the customer in exchange of email id for subscription.

Could you please tell me how I can show a Pop Up on Thank You page using Shopify Forms and Email?

Thanks

[rajweb · Accepted solution]

Hey @paulson1 ,

To implement a pop-up on the Thank You page using Shopify Forms and Email, here’s how you can set it up:

1. Customize the Thank You Page:

-Use Shopify’s ScriptTag API or the checkout.liquid (if you’re on Shopify Plus) to add a script specifically to the Thank You page.

-Alternatively, if using a third-party app that supports post-purchase customizations, integrate the code there.

2. Display the Pop-Up:

-Use a JavaScript pop-up library like SweeAlert or Shopify Forms’ built-in modal functionality (if available) to trigger the pop-up on page load for the Thank You page.

-Include a message in the pop-up offering the 10% discount on the next order, prompting the customer to enter their email for subscription.

3. Collect Email and Send Discount Code:

-When the user enters their email, use Shopify Forms to submit the data directly to your email list.

-Set up an automated email in your email marketing tool (e.g., Klaviyo, Shopify Email) to send the 10% discount code upon subscription confirmation.

4. Create a Discount Code:

-Set up a one-time use discount code in Shopify, or dynamically generate one if your email platform allows it, and use merge tags to include the code in the automated email.

By setting it up this way, you can ensure customers see the pop-up only on the Thank You page, creating an incentive without showing the pop-up upon their first visit to the store. Let me know if you'd like more specific code or platform suggestions!

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma