Overview
Access Volcanic makes it easy to embed HTML content like forms, maps, or videos into your site. This guide shows you how to use built-in tools to add third-party elements on either the front-end or admin area, with clear steps and helpful tips.
Key Benefits
Embed content quickly without needing a developer.
Increase user engagement with videos, forms, and interactive elements.
Support third-party tools for maps, scheduling, or lead capture.
Flexible placement on front-end or back-end areas of your site.
Works with popular platforms like YouTube, Google Maps, Typeform, and more.
Before You Start
Before embedding HTML, make sure you have:
A valid HTML embed code from a trusted source.
Administrator access to your Access Volcanic website.
A clear location is identified for the embed (front-end page or back-end section).
Embed HTML on the Front-End (Edit Mode)
📌Note: Check out our Edit Mode Guide for more guidance.
Use this method to display HTML content directly on live web pages:
Log in to Volcanic as an admin.
Click your profile icon in the top-right.
Select Back to Website to access the front-end.
Navigate to the page you want to edit.
Click the orange cog icon on the target section.
Select Edit Mode.
Click into a lava box (editable area with dashed lines).
In the toolbar, click the HTML icon.
Paste your HTML embed code.
Click Embed, then click Save Changes.
🤓Tip: Always preview the page to confirm the embed works correctly on all devices.
Embed HTML in the Admin Area (Back-End)
📌Note: Check out our Admin Area CMS Guide for more guidance.
Use this method to embed content in blog posts or other admin-managed sections:
Log in to Volcanic as an admin.
Go to the relevant content section (e.g., Blogs).
Click the edit icon on the content item.
In the Content or Body field, place your cursor where you want to embed.
Click the HTML icon in the editor toolbar.
Paste your embed code.
Click Embed, then Submit to save.
Click View to preview your content live.
📌Note: If the embed doesn't appear on the site, try using the front-end method instead.
Examples of Embed Content
Here are common types of third-party content you can embed:
📌Note: Click on the link ➤ to expand the section you're interested in:
Google Maps
Google Maps
Display maps for locations or events.
Get the code
Visit Google Maps.
Search for your location.
Click Share, then select Embed a map.
Click Copy HTML.
Embed it
Paste into the HTML editor using either method above, then save and preview.
YouTube or Vimeo Videos
YouTube or Vimeo Videos
Enhance pages with tutorials or promotional content.
Get the code
Open the video on YouTube or Vimeo.
Click Share, then select Embed.
Copy the iframe code.
Embed it
Paste the code into an HTML field and save or submit.
Third-Party Forms (Typeform, Jotform, Calendly)
Third-Party Forms (Typeform, Jotform, Calendly)
Let users submit feedback, book appointments, or sign up for events.
Get the code
Go to your form or calendar platform.
Open the Share or Embed settings.
Select HTML Embed, then copy the code.
Embed it
Follow the embedding steps for the front-end or back-end. Always test across devices.
Tips & Notes
Use iframe-based embed codes for best compatibility.
Test the embedded content on desktop and mobile.
If the content doesn’t display, check for broken or incomplete code.
Compatibility can vary by provider, test before publishing.
FAQs
Q1: What content can I embed?
Answer: You can embed videos, forms, maps, widgets, and more, as long as the service provides an HTML embed code.
Q2: Where should I place embedded content?
Answer: Choose visible and spacious areas on your site for better user interaction.
Q3: Why isn’t my embedded content appearing?
Answer: Check that:
The code was pasted into the HTML editor, not plain text.
The embed code is complete and correct.
You saved or submitted your changes properly.
Q4: Can I embed JavaScript?
Answer: Not in the HTML editor. However, you can embed JavaScript via Page Tags and in the Structured Data areas for Custom Pages.