How Do I Add a Shopify Widget to My Landing Page?


Adding A Shopify Buy Button to Your Landing Page

Creating a New Widget in Shopify

  1. Login to your Shopify account
  2. Add the Shopify widgets app to your Shopify Account on this page
  3. Pick a Shopify widget style
  4. Select your product


  5. Customize your Shopify widget


  6. Click Get Code to get your embed code

Now that you have your widget's embed code, you're ready to add it to your Unbounce landing page.

Adding Your Shopify Widget to Your Unbounce Page

  1. Open the Unbounce Landing Page Builder
  2. Drag the Custom HTML widget Widget 8 HTML.png onto the screen where you want your Shopify widget to display
  3. Paste your Shopify embed code into the Custom HTML element and click Done
  4. Fine tune the widget's position
  5. Save your page
  6. Publish to push the changes live
  7. If necessary, adjust the size of the custom HTML element to ensure the entire form is visible


3 out of 4 found this helpful