You can embed a Referral Form in another website, such as Wordpress, Squarespace, Drupal, Wix and more.
| Table of Contents | ||||
|---|---|---|---|---|
|
Steps
...
Part 1: Get the Embed Code for the form
| Info |
|---|
Wordpress restricts the use of embedded features to
|
Part 1: Get the Embed Code for the form
Select My Apps in top menu
Select Contacts
You arrive in the Contacts App
Select More Options
In the dropdown options select Public Referral Forms
You arrive on the Public Forms page
Click the Embed this code button below the Public Form you want to embed
This copies the Embed Code to the clipboard
Part 2: Paste the Embed Code into a webpage on your website
Wordpress
| Info |
|---|
Wordpress restricts the use of embedded features to
|
Press the + button in Wordpress to add a new block to a page
Select Shortcode
The Shortcode block appears on the page
Paste the Embed Code from Makerble into this field
Press the Update button in the top right corner of the page to save the page
Your Makerble Public Form is now displayed on your web page with its own vertical scrollbar
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
...
Squarespace
...
Watch the walkthrough: https://makerble.slack.com/files/U044FAH0LBT/F04CELLV231/screenshare_-_2022-11-29_1_27_56_pm.webm
Part 1: Get the Embed Code for the form
Select My Apps in top menu
Select Contacts
You arrive in the Contacts App
Select More Options
In the dropdown options select Public Referral Forms
You arrive on the Manage Public Forms page
Press the Embed this form button next to the form you want to embed on another website
The embed code will be copied to your clipboard
You can now embed the code in another website’s webpage
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
...
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
...
Websites powered by Drupal, Wix, WildApricot and other CMSs (Content Management Systems)
In Part 1: Get the Embed Code for the form
Adjust the Height and Width of the Embedded Form using the number fields
Then press Embed this form to generate fresh code
...
In Part 2: Paste the Embed Code into a webpage on your website
Use the Embed block option that’s available to you
If it looks like the form is taking up too little or too much space on the page (as shown in the example below)…
… You need to resize the form. You can resize the form on the Manage Public Forms page
Change the Height and Width
Then press Embed this form again. This will generate new code and copy it to your clipboard. Embed this new code in your website