In this help guide, you'll learn how to add your Typeform as a page and link it to your top navigation menu.
To get started, log in to your Typeform account and open the Typeform you want to embed. Click on the Share panel then select Full-page.
Your next step is copying the code needed to add to our page. Click “Get the code”. This will display the page below, and you’ll need to click on “Copy Code” to get the embedded code.
For more information on Typeforms go to https://help.typeform.com/hc/en-us
The next step is creating a new file in Code Editor. On your Admin Dashboard go to Customization. Click on Advanced and then select the Code Editor.
Click on Create a new file, enter your file name, and set the file format to liquid.
Remove all content and paste the embedded code into your code editor area. Click Save.
After you've completed the setup, exit the Code Editor and navigate back to Pages. Click on New Page. Name your page and leave the content area blank.
Next, scroll down and toggle Show On Site, then make sure the template option is set to the file we created in the code editor (see the screenshots below for reference), and then click Save.
The final step is to add the page to your navigation menu.
Navigate to Customization. Select Navigation and click the three dot menu under next to main and Edit.
You've now completed all of the steps and should be all set!