How to Embed Widget in Ucraft

Overview

You can embed the Widget from Feedspace into your Ucraft website using the Embed HTML Element. Ucraft allows you to add custom HTML or JavaScript blocks to any page, making it simple to display your customer testimonials and reviews directly from Feedspace.

Step 1 – Copy Your Embed Code from Feedspace

• Go to your Feedspace dashboard
• Select Widgets from the left sidebar
• Choose the Widget you want to embed
• Click the Share tab
• Copy the embed code, which looks like this:

Step 2 – Log in to Your Ucraft Account

• Go to your Ucraft dashboard and open your website.
• Click Edit Site to open the Ucraft page editor.

Step 3 – Select the Page to Edit

• From the left sidebar, choose the page where you want to add the Widget.
• You can embed it on your homepage, about page, or a dedicated testimonials page.

Step 4 – Add an Embed HTML Element

• In the Ucraft editor, click the + Add Block button or hover over an existing block and click the + icon.
• From the available elements list, select Custom HTML.
• Drag and drop the HTML element into the desired section on your page.

Step 5 – Paste the Embed Code

• Click inside the HTML editor box.
• Paste the full embed code you copied from Feedspace.
• Make sure both the <div> and <script> lines are included.
• Click Save to apply your changes.

Step 6 – Adjust Layout and Design

• Reposition the HTML block to align it with your page layout.
• Use Ucraft’s design settings to adjust spacing, padding, and background if needed.
• Set the section width to full width for the best appearance.

Step 7 – Publish and Preview

• Click Publish in the top-right corner of the editor.
• Open your live page in a browser and scroll to the section where you embedded the Widget.
• You should now see your Feedspace Widget displaying correctly.