How to Create a Floating Cards Widget in Feedspace

Back

Last updated on October 9, 2025

Overview

The Floating Cards widget in Feedspace displays your reviews in stack-like cards that float over your website layout. You can position them on the left, center, or right side of the screen. This widget is perfect for showing continuous feedback without interrupting the visitor’s browsing experience.

How to Access

Step 1 – Log in to Feedspace

Go to your Feedspace Dashboard and log in using your credentials.

Step 2 – Navigate to Widgets

From the left sidebar, click on Share Reviews → Widgets.
Then choose Floating Cards as your widget type.

Step 3 – Select Reviews

Select which reviews you want to display in the Floating Cards widget. You can select them manually or filter from imported sources.

Step 4 – Customize Widget Design

Click Customize to open the Widget Design Settings panel and adjust layout, colors, and design preferences.

Layout Design

Step 5 – Adjust Widget Position

Choose where the Floating Cards appear on your page:

Left
Center
Right

You can also toggle Hide on Mobile if you prefer not to show the widget on smaller screens.

Branding

Step 6 – Manage Branding Options

If you’re on the Pro plan, toggle Remove Feedspace Branding to remove the Feedspace logo from your widget for a more branded experience.

Widget Content Design

Step 7 – Choose What to Display

Display Review Ratings: Show star ratings below the reviewer name.
Enable Dark Mode: Change to a darker color palette for your floating cards.
Show Border: Add a border around each floating card.
- Color: Default is #E5E7EB.
Show Shadow: Add shadow depth to create a lifted effect for each card.

Color Settings

Step 8 – Customize Colors

Match your widget’s colors to your website’s theme using these options:

Primary Text Color: #1f2937
Secondary Text Color: #6b7280
Card Background Color: #f9fbff
Card on Hover Color: #d3d5d8
Star Rating Color: #FACC15
Star Rating Border Color: #EAB308

Advanced Options

Step 9 – Add Custom CSS

Enable Add Custom CSS if you are using the Pro plan to add personalized styles such as transitions, animations, or font changes.

Step 10 – Review Order

Preview how the widget will look on your site.
Reorder reviews if needed under the Review Order tab.

Step 11 – Save and Embed

Once all settings are configured:

Click Save & Next.
Copy the embed code generated.
Paste it into your website HTML or use your CMS integration (like WordPress, Webflow, or Wix) to publish.

The Floating Cards widget is a great choice for highlighting short testimonials or quick feedback on any webpage. It remains visible yet unobtrusive, creating an engaging and interactive review experience for site visitors.

You might also find helpful

How to Create a Widget in Feedspace

Overview Widgets in Feedspace allow you to showcase your collected reviews directly on your website. They are easy to set up, customizable, and come in different layouts to match your site’s design. This guide walks you through the steps to create your first widget and explains all the available widget...

How to Create a Horizontal Scroll Widget in Feedspace

Overview The Horizontal Scroll widget in Feedspace showcases your reviews in a smooth side-by-side scrolling motion. It is perfect for sections where you want continuous movement and visual engagement, such as website headers, testimonial rows, or landing pages. How to Access Step 1 – Log in to Feedspace Go to...

How to Create a Vertical Scroll Widget in Feedspace

Overview The Vertical Scroll widget in Feedspace displays reviews in a continuous upward-scrolling format. It’s ideal for pages with limited horizontal space, such as sidebars, landing pages, or testimonials sections. You can enable cross-scrolling animations, customize borders, and adjust colors to match your brand. How to Access Step 1 –...