Rocketspark allows you to add HTML code to your website using a Code Block. A Code Block allows you to edit the HTML of a region, allowing you to insert code for a feature like an email subscribe form, a booking form or a calendar.
Simply just add a new block, and click Code Block. Then paste or type your embed code or HTML. The block will add different colours to your code to indicate different language syntax. Don't worry, it's not going to run the code with different colours! Finally, when you are finished, click publish, and your page will refresh with your new code!
Here's how to embed custom code such as email forms onto your website
- Insert a new Code Block into the Stack you want your code to be located
- Now, you can put your HTML Code here. Then when you are done, just click publish
My Custom Code isn't displaying. Why is this?
The most common reason for this is that there is a mix-up of non-secure content on a secure page. As when you are logged in to Dashboard you are viewing your website on a secure URL like https://mywebsite.rocketspark.com. The https:// part at the start means this is secure!
The code that you have installed might be pulling in content from a non-secure URL that begins with http://. Your web browser sees this as a security issue and blocks this content.
You can try tweaking your code to use https but not all widgets are built to handle this. The other option is to set your site live and view it on the non-secure URL http://mywebsite.rocketspark.com (logged out), or view it on your live domain name if you have already upgraded.
If the HTML code does not work through Rocketspark, you may want to check if there are any errors with this code. Such as using an HTML Validator. If the code does not work here, it also will not work on Rocketspark so you will need to go back to the platform you received the code from to double-check any errors.