Using SmartPush Embedded Forms on Different Pages of Your SHOPLINE Store

SmartPush’s Embedded Forms help you collect customer information directly from your store pages. Once you’ve created a form in SmartPush, you can insert it into key parts of your SHOPLINE store, such as the homepage, thank you page, or custom pages.

This article walks you through three common usage scenarios and how to embed SmartPush forms accordingly.

In This Article

• Prerequisite: Setting Up an Embedded Form in SmartPush
• Embedding the Form on the Homepage (via Custom HTML)
• Embedding the Form on a Custom Page (via Custom HTML)
• Embedding the Form on the Thank You Page (via Custom Code App)
• Accessing Collected Customer Information

---

Prerequisite: Setting Up an Embedded Form in SmartPush

Before embedding your form, follow the steps in Setting up Embedded Forms to:

1. Create your form.
2. Customize questions, styles, and required fields.
3. Save and copy the embed code.

Once the form is activated, the embed code will also be available under the Embed code section.

---

Embedding the form on the Homepage (via Custom HTML)

Recommended for: Welcoming first-time visitors and encouraging them to subscribe for updates or discounts.

Steps:

1. Go to SHOPLINE Admin > Online Store and click Design.

2. Click Add component > choose Custom HTML.
3. Paste the SmartPush embed code into the HTML box.

4. Save and publish your changes — your form will appear on your homepage.

---

Embedding the form on a Custom Page (via Custom HTML)

Recommended for: Creating a standalone form page or combining it with blog, FAQ, or landing content.

Steps:

1. In SHOPLINE Admin > Online Store > Page, create or edit a custom page.
2. Click Add component > Custom HTML.

3. Paste the SmartPush embed code and save.

---

Embedding the form on the Thank You Page (via Custom Code App)

Recommended for: Collecting additional info right after a customer completes a purchase.

Steps:

1. In SHOPLINE Admin, go to the Custom Code app.
2. On the app's homepage, click Add code.

3. Choose the trigger: Checkout  (This trigger includes Thank You Page).

4. Paste the SmartPush embed code in the Code content field.
5. Click Update, and your form will now show up on the order confirmation (Thank You) page.

For more details on using Custom Code, follow the Comprehensive Guide to Custom Code.

---

Accessing Collected Customer Information

Once users fill out the form:

1. Go to SmartPush > Contacts > Segments.
2. View submissions and use collected fields (like preferences, answers) to segment your audience.

3. You can apply these segments in automated flows and email/SMS campaigns.