Inside MagicForm: Stories and Adventures

Webflow Deployment Instructions

Adding an AI Agent, like MagicForm.AI, to your Webflow website is as easy as 1, 2, 3. Follow the instructions below to have the best website chatbot on your Webflow website today.

To embed a snippet of code in Webflow, you will need to first access the Webflow Designer.

1. Log in to your Webflow account, and open the project you wish to edit.
2. Once you are in the Designer, you will see the layout of your website on the left-hand side and the settings on the right-hand side. To add code to a specific page, you will need to navigate to that page by clicking on the "Pages" button in the top navigation bar, and then select the page you want to add the code to.
3. Once you are on the specific page you want to add the code to, you will see the layout of the page in the Designer. You can select the element on the page that you want to add the code to, just like you would if you were adding code to the entire site.
4. After selecting the element, you will see the settings for that element on the right-hand side. Scroll down to the "Custom Code" section.
5. In the "Custom Code" section, you will see options for "Before </head>" and "Before </body>". You can use these options to add code to the head or body section of your specific page. If you want to add the code in a specific area of the element, you can use the "Custom CSS" or "Custom JavaScript" sections.
6. Once you have found the appropriate section, you can type or paste the line of code in the designated text area.
7. After adding the code, make sure to save your changes by clicking the "Save" button at the top of the Designer.
8. It's recommended to test your website after adding the code to make sure it's working as expected and to ensure that the code doesn't break any functionality of your website.

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

Note: It's always recommended to have a backup of your website before making any modifications or adding any code; this way if anything goes wrong, you can easily restore your website to the previous working state.

‍