Mailtarget Documentation

Integrate Page in Squarespace

In this article, you will learn how to integrate the Mailtarget Page feature with Squarespace. There are 2 types of integration here, namely by Embed (users can determine where the page will appear) and Pop-Up (users can display pop-ups on their website).

Integration Page Mailtarget

  1. First, create a page and then publish it.
  2. On the list page, click the 'share' action.
  3. Select Embed, and there is a script to embed the page.
  4. Log in to Squarespace and click 'Template' on the header page.
  5. Choose a template according to your preference and click 'start here'. template page
  6. A modal 'Welcome to Your Site' will appear. Fill in the 'site title' then click the 'continue' button.
  7. You will be on the second step modal 'Edit Pages' and the third step 'Create Pages', click 'next'.
  8. In the final step 'Style Pages', click the 'get started' button.
  9. To start editing, click 'edit'.
  10. On the edit page, click the 'plus' icon to add a section as a place for the template to be embedded.
  11. In the section modal, select 'Add Blank +'.
  12. The result will be like this.
  13. In the corner of the 'text box', there is a 'balloon' icon if hovered over with the cursor. Click one 'balloon', and a modal will appear to add a component. Choose 'embed'.
  14. In the embed modal, click the '</>' sign.
  15. Copy all the embed scripts in the 'share' modal in the Mailtarget app, then paste it in the 'embed data' modal. After pasting, click 'set' then 'apply'. embed data modal share modal
  16. To know if the embed was successful or not, click the 'preview in safe mode' button.
  17. If the embed is successful, the result will appear.
  18. Adjust the layout; components that are not needed can be deleted.
  19. If you are done, don't forget to save by clicking 'save' then 'back'.
  20. To see the result in mobile or desktop preview, click the icon in the top right corner.
  21. And here is the result. mobile preview desktop preview