How to Embed Widget in Grav

Overview

You can embed the Widget from Feedspace into your Grav CMS website using a Page Content Embed or by editing your Twig template.
Grav supports raw HTML and JavaScript inside Markdown pages (when allowed) and via theme templates, allowing you to display 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 – Open Your Grav Admin Panel

• Log in to your Grav Admin dashboard.
• From the sidebar, go to Pages and choose the page where you want to display the Widget.
• Click Edit to open the Markdown editor for that page.

Step 3 – Enable HTML in Page Content

• By default, Grav may sanitize HTML for security.
• To allow embedding scripts or HTML, go to Configuration → Security and make sure XSS filtering doesn’t block <script> and <div> tags.
• Alternatively, you can allow HTML per page by using frontmatter options.
• At the top of your page file (before content), add:

process:
    markdown: true
    twig: true

This allows Grav to process HTML and Twig code properly on that page.

Step 4 – Paste the Embed Code in the Page Content

• Scroll to your page’s Markdown editor.
• Switch to HTML view or insert the code directly into the Markdown (Grav supports inline HTML).
• Paste the embed code you copied from Feedspace.
• Click Save.

Step 5 – Add the Code in a Twig Template (Alternative Method)

If you want the Widget to appear site-wide (e.g., in footer or sidebar), you can add the code in your theme template.

1. Go to /user/themes/your-theme/templates/
2. Open the relevant Twig file such as base.html.twig or partials/footer.html.twig.
3. Paste the same embed snippet where you want it displayed.
4. Save and clear cache by running: bin/grav clear-cache

Step 6 – Publish and Test

• Visit your Grav page or site after saving.
• The Feedspace Widget should now appear where you placed it.
• If it doesn’t show, clear Grav’s cache and refresh your page.