Inside MagicForm: Stories and Adventures

Shopify Deployment Instructions

Adding an AI agent to your Shopify site is as easy as 1, 2, 3. Start by copying the snippet of code from the "Launch" tab for MagicForm.AI

To embed a snippet of code to your Shopify store website, you will need to access the Shopify Theme Editor.

1. Log in to your Shopify account and navigate to the "Online Store" section in the left-hand sidebar.
2. Under the "Online Store" section, click on "Themes." Click on "Customize." This will take you to the theme editor for your current active theme.
3. In the theme editor, you will see a list of different sections for your theme on the left-hand side, such as "Header," "Footer," "Product," and "Collection." You will need to navigate to the specific section of your theme where you want to add the code.
4. Once you are in the section where you want to add the code, you will right-click on that section to find the "edit code" button. Click on this button to access the code editor for that section.
5. In the code editor, you will see a list of different files on the left-hand side, such as "Layout," "Templates," "Sections," and "Assets." You will need to navigate to the specific file where you want to add the code.
6. Once you have found the appropriate file, you can scroll through the code until you find the appropriate location where you want to add the code.
7. Once you have found the location, you can add the code by typing or pasting it in the text area.
8. After adding the code, make sure to save your changes by clicking the "Save" button at the top of the code editor.
9. To check your modification, you can preview your website by clicking the "Preview" button at the top of the code editor or by navigating to your store from the front end.

Demo Video: https://youtu.be/ZLNPkykHMh0

It's important to note that making modifications to your theme code could affect other parts of your store, so it's important to make a backup of your theme before making any modifications or adding any code. Also, it's important to test your website after adding the code to make sure it's working as expected and to ensure that the code didn't break any functionality of your website.

‍