Integrating a Shapo widget into Framer is easy using the Embed component. Here’s a step-by-step guide:
Navigate to the Insert menu.
Search for Embed and drag the component onto the canvas.
Insert the Shapo widget script
In the HTML section of the Embed component, add the Shapo widget script using the code snippet provided by Shapo.
Example:
<div id="shapo-widget-xxxxxxxxx"></div>
<script id="shapo-embed-js" type="text/javascript" src="https://cdn.shapo.io/js/embed.js" defer></script>
Verify the widget is showing up properly
Done!