You can add custom HTML and embed external tools in a Valuecase Space or Template using a Media & Text block or the media area of an Accordion item. This lets you use content such as an external form, booking page or pricing calculator without leaving the Space.
For advanced, interactive tools that rely on JavaScript, such as pricing or ROI calculators, we recommend hosting the tool externally and embedding it using iframe code. Pasting a complete HTML and JavaScript application directly into Valuecase may not work reliably.
Choose how to add your content
A supported link: For tools such as YouTube, Loom or Calendly, select the matching format in the upload dialog and paste the link.
Embed code from another tool: Copy the code from the tool’s share or embed settings and add it as a Custom Embed. An iframe is a small piece of HTML that displays an externally hosted page inside your Space.
Your own HTML: Paste an HTML snippet as a Custom Embed. This works best for static content and layouts, such as a styled pricing overview. You can also ask Claude or ChatGPT to design anything for you and directly embed it as HTML into Valuecase.
Add an HTML or iframe embed
Open your Space or Template in the editor and select a Media & Text block, or an item in an Accordion block.
Click Add media in the block, or New Item in the sidebar’s Items tab, and choose Upload file / embed.
In the format dropdown, select Custom Embed.
Paste your HTML snippet or the embed code supplied by the external tool.
Click Insert.
Preview your Space and check that the content displays correctly. Test any buttons, inputs or booking steps your customers will use.
If an external tool offers iframe embed code, use that code rather than copying the HTML of the entire webpage. The tool must allow its content to be embedded on other websites.
Embed your own pricing or ROI calculator
To keep the calculator’s JavaScript running on its own page, host it externally and display it in your Space through an iframe.
To embed a calculator (or similar advanced, interactive element):
Host the interactive element on a website that your customers can access and that permits embedding.
Get its iframe embed code. If your developer built the calculator, ask them for a suitable embed snippet.
Add the snippet using Custom Embed, following the steps above.
For example, an iframe snippet could look like this. Replace the example URL with the address of your hosted calculator:
<iframe src="https://example.com/pricing-calculator" title="Pricing calculator" width="100%" height="600" style="border:0;"></iframe>
The calculator runs on its own website and appears inside your Space. Your HTML can also come from an AI tool; the same guidance applies if the result includes JavaScript.
Edit an existing custom embed
Select the block or Accordion item, open the embed’s options menu in the sidebar and choose Edit. Update the HTML or iframe code, then click Save. Preview the Space again after making changes.
If your embed does not work
The content is cut off or too small
Check the height and width in your iframe code. Increase the height if needed, and use width="100%" where the provider supports it. You can also choose a block layout that gives the media more space.
If you need help, contact us with the source URL, the embed code and a description of what happens when you open the Space.
The content is blank or says it refused to connect
Open the source URL directly to check that it is available. Then check the provider’s sharing and embedding settings, and use its dedicated embed URL or code where available. If the provider blocks embedding, share a link to the content instead.
The layout appears, but buttons or calculations do nothing
Some HTML attributes are removed when content is pasted into Valuecase, and scripts may not initialize as they would on a standalone page. If you pasted HTML and JavaScript directly, host the interactive content externally and embed it using an iframe. If you already use an iframe, check whether the tool works at its source URL.
Customers are asked to sign in
Check the external tool’s access settings. An embed uses the provider’s access rules, so customers may need their own access or sign-in.