Shopify Integration
Connecting MightyForms and Shopify has never been easier. Here is a guide on how to do this.
Step 1. Install MightyFormsHead over to Shopify's Marketplace and install MightyForms extension.
Step 2. Sign up or Log in
A guest account will be auto-generated if you are not already logged in. You can then login to an existing account or Signup for a new account.
Now you can Create or Update your online forms:
- Select an existing form from your dashboard
- Create a new form from scratch
- Select one of the Templates.
- Or Transfer an existing form
![MightyForms inside Shopify](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_1ekpgcg.png)
Step 3. Copy the Embed Code
Once your form is ready, go ahead and click Share and copy the Embed code.
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_1c8nmls.png)
Step 4. Edit the HTML on a Shopify Page
In Shopify, go to Online Store > Pages and Add or Edit an existing page. Click < > icon to edit HTML.
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_ovxtnc.png)
Step 5. Paste the form's Embed code
Paste your embed code where applicable.
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_11s3522.png)
Step 6. Save the Page and View Online!
To add a form to products:
Step 1. Go to Online Store > Themes > Current Theme > Customize
Step 2. Click 'Customize'
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_iscm64.png)
Step 3. Go to Theme Actions > Edit Code
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_1lzjalf.png)
Step 4. Open the appropriate HTML file
Step 5. Paste the app's code into your desired location
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_b7judo.png)
Step 6. Click Save.
Step 7. Click Preview to see your app on your site.
Creating a Customer from Form Submission.
Step 1. Go to your form that you wish to create a Shopify customer from
Step 2. Click the Integrations icon on the Form Options toolbar on the left side.
Step 3. Find your existing Shopify store listed under the Integrations.
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_11pnr56.png)
Step 4. Set up the fields mapping with Shopify internal customer fields (left side) and your form (right side). Don't forget to hit "Save".
![](https://storage.crisp.chat/users/helpdesk/website/6394d40f722b9c00/image_1aed69c.png)
Step 5. Test by submitting the form and checking Shopify for new customer creation.