Versions Compared

Key

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

...

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

  2. Select Shortcode

  3. The Shortcode block appears on the page

  4. Paste the Embed Code from Makerble into this field

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

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

  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

For Squarespace

...

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

...

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

Squarespace 7.1

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

  1. Click the Add Block button

  2. In the popup that appears, select Add Block

  3. Select Embed

  4. This adds an empty block to your page

  5. Click the pencil icon to edit the block

  6. Select Code Snippet in the popup

  7. Click the Embed data button

  8. A text area appears

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

  10. Click elsewhere on the page to close the popup

  11. A preview of your form appears

  12. Use the arrows at the edge to drag and resize the form

  13. Resize the form to the size you want it displayed

  14. You can also resize it vertically

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

  16. You will see your form displayed

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

Squarespace 7.0

When you add the Embed Code the embedded form is previewed slightly differently

...

However, even though the form is previewed as appearing larger than the blue outline of the form, the form will still display properly on the finished web page

...