Documentation › Embed Plumsail web form on a Shopify site

Embed Plumsail web form on a Shopify site

Regular page

You can add a custom Plumsail web form to a Shopify site in just a couple of easy steps with the help of our Widget:

  1. Design a form to publish
  2. Open your Shopify online store admin page
  3. Click Online store → Pages:
    Shopify pages
  4. Select the page where you want to publish a form
  5. In the Content toolbar, click the Show HTML button to view HTML code for your webpage:
    HTML content
  6. Copy widget snippet from your form’s settings:
    Copy Form Widget snippet in Sharing Settings
  7. Paste the snippet into the content box on a Shopify site:
    Paste snippet into embed content
  8. Click Save. And your form will then appear on a Shopify site page and will be ready to go:
    The form is ready to roll

Product Page

You can also add a custom Plumsail web form to a Shopify Product Page:

  1. Design a form to publish
  2. Open your Shopify online store admin page
  3. Click Online store → Themes:
    Themes
  4. Click Customize to open the theme editor:
    Customize theme
  5. On the top left of the page, click … → Edit code:
    Edit code
  6. Find the product.liquid file in the Templates folder:
    product.liquid
  7. Copy widget snippet from your form’s settings:
    Copy Form Widget snippet in Sharing Settings
  8. Decide where you want to display the form on the product page and paste the snippet:
    Code for Product Page
  9. Click Save. And your form will then appear on a Shopify Product Page:
    Product Page