Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
minLevel1
maxLevel7

Watch the walkthrough

Using Squarespace

Steps

For Wordpress

Info

Wordpress restricts the use of embedded features to

  • Wordpress.org Sites that are self-hosted

  • Wordpress.com Sites that are on the Business subscription

Part 1: Get the Embed Code for the form

  1. Select My Apps in top menu

  2. Select Contacts

  3. You arrive in the Contacts App

  4. Select More Options

  5. In the dropdown options select Public Referral Forms

  6. You arrive on the Public Forms page

  7. Image Added

    Click the Embed this code button below the Public Form you want to embed

  8. This copies the Embed Code to the clipboard

Part 2: Paste the Embed Code into a webpage on your website

  1. Press the + button in Wordpress to add a new block to a page

    Image Added
  2. Select Shortcode

  3. The Shortcode block appears on the page

    Image Added
  4. Paste the Embed Code from Makerble into this field

    Image Added
  5. Press the Update button in the top right corner of the page to save the page

    Image Added
  6. Your Makerble Public Form is now displayed on your web page with its own vertical scrollbar

    Image Added
  7. If you want the full length of the Public Form to be displayed, adjust the heigh on Makerble from the Public Forms page and then generate new Embed Code and follow these steps again

    Image Added

For Squarespace 7.1

Info

You can find out which version of Squarespace your website uses by following these instructions: https://support.squarespace.com/hc/en-us/articles/115005308187-What-s-my-site-s-version-and-template-

Watch the walkthrough: https://makerble.slack.com/files/U044FAH0LBT/F04CELLV231/screenshare_-_2022-11-29_1_27_56_pm.webm

Steps

Part 1: Get the Embed Code for the form

  1. Select My Apps in top menu

  2. Select Contacts

  3. You arrive in the Contacts App

  4. Select More Options

  5. In the dropdown options select Public Referral Forms

  6. You arrive on the Manage Public Forms page

  7. Press the Embed this form button next to the form you want to embed on another website

  8. The embed code will be copied to your clipboard

  9. You can now embed the code in another website’s webpage

Part 2: Paste the Embed Code into a webpage on your website

...

Using Squarespace

...

Watch the walkthrough https://makerble.slack.com/files/U044FAH0LBT/F04CELLV231/screenshare_-_2022-11-29_1_27_56_pm.webm

Squarespace 7.0

Info

Limitations with Squarespace 7 may restrict the loading of the form

  1. Add an Embed block to your websiteClick the Add Block button

    Image Added
  2. In the popup that appears, select Add Block

    Image Added
  3. Select Embed

  4. This adds an empty block to your page

    Image Added
  5. Click the pencil icon to edit the block

  6. Select Code Snippet in the popup

    Image Added
  7. Click the Embed data button

  8. A text area appears

    Image Added
  9. Paste your form’s Makerble Embed Code into this section

    Image Added
  10. Click elsewhere on the page to close the popup

  11. Press Done in the top left corner to save the page

  12. You might need to follow Squarespace’s instructions to disable scripts in preview

...