Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer.
You can integrate third-party widgets or applications on your website by adding an HTML block and pasting in the embed code.
Add an HTML block
To create an HTML block:
- Select the Pages tab at the top of your Websites app.
- Select the page you want to embed the custom HTML.
- Select the (+) button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.
- Select HTML from the menu that appears.
-
Paste the code you want to embed into the new content block you have created, inside the text area circled in the screenshot below.
Note: if you paste it incorrectly, you will be notified at the bottom of the block in red.
- After you paste your code into the code box, select the blue Save button.
Once you are ready, click Publish in the top-right corner of the publish the HTML block contents on your live website.
HTML block errors
Any HTML inserted into an HTML block must be valid HTML code. If your code isn't valid, then you may not have the option to click the Save button at the top of the block.
Below is an example of invalid HTML:
Notice how the first error says there isn't a start to the </tbody> tag. If you take a look at the highlighted </tbodyy> tag (shown in the screenshot above), you will see that there is a spelling mistake, the tag has an extra "y" letter before the end of it.
Here are some errors you may see, and their cause:
If you see this 'warning' symbol: | The triangular ! symbol indicates that the HTML code you inputted should be revised for better validity. The red error notes at the bottom of the block may suggest what you should do to make your code valid. The save button will illuminate blue and allow saves with HTML warnings, unlike with HTML errors. | |
If you see this 'error' symbol: | The squared X symbol indicates that the HTML code you inputted is not valid and should be reviewed in order to make it valid. The red error notes at the bottom of the block may suggest what you should do to make your code valid. The save button will not illuminate blue to allow saves with HTML errors in the block. |
Note: Sometimes, you may see the red X symbols, but are still allowed to click the Save button. If this happens, click Save and view the page to see if your widget/application is working successfully. If so, then you can disregard any red X symbols on the HTML block.
Comments
0 comments
Article is closed for comments.