How to Embed Widget in Drupal

Overview

You can easily embed the Widget from Feedspace into your Drupal website using a Custom Block or the Text Format (Full HTML) editor.
Drupal allows embedding both HTML and JavaScript when proper permissions and text filters are enabled, making it possible to showcase your customer testimonials and reviews directly on any page.

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 Drupal Admin

• Go to your Drupal admin panel.
• From the top toolbar, click Structure → Block Layout.
• Click on the TAB as Custom Block Library.
• Here you can create or manage custom blocks that can contain your HTML code.

Step 3 – Add a Custom Block

• Click the + Add Custom Block button.
• Choose Basic Block as the type.
• Enter a title for your block (for example, “Feedspace Widget”).

Step 4 – Paste the Embed Code

• In the block body area, click on the text format dropdown (usually “Basic HTML” by default).
• Change it to Full HTML.
• Click the Source button in the toolbar to open the HTML editor.
• Paste the entire Feedspace embed code inside.
• Click Save when done.

Step 5 – Place the Block on Your Site

• After saving, you’ll return to the Block Layout page.
• Find your newly created block under the Custom category.
• Click Place Block next to the region where you want to display the Widget (for example, Content, Sidebar, or Footer).
• Save the layout.

Step 6 – Verify Text Format Permissions

• If your Widget doesn’t appear, check that the Full HTML text format allows <script> tags.
• Go to Configuration → Content Authoring → Text Formats and Editors.
• Edit the Full HTML format and make sure Limit allowed HTML tags is disabled or includes <script> and <div>.
• Save your changes.

Step 7 – Preview the Page

• Visit the page where you added the block.
• You should now see your Feedspace Widget displaying properly.

Step 8 – Alternative: Add Code via Theme Template

If you prefer to hardcode it globally, you can add the script to your theme files:

• Paste the <script> line in your html.html.twig or theme’s footer template.
• Then, use the <div> tag inside the page content or a custom block.
• This ensures the script loads across the entire site.