Overview
The Floating Cards widget displays your customer reviews as animated notification-style cards that float and drift gently across the screen. Because these cards move freely within the browser viewport, their horizontal starting position has a direct impact on how visitors perceive and interact with them. A card set to the left sits alongside your main content without covering key page elements on the right; a card set to the center draws immediate attention in the most prominent area of the screen; a card set to the right keeps social proof visible without interfering with left-aligned navigation or calls to action.
The Widget Position option, found in the Layout Design section of the Design tab, gives you precise control over this placement. It is exclusive to the Floating Cards widget and offers three choices: Left, Center, and Right. Selecting the right position ensures that your floating review cards complement your page layout rather than compete with it, improving both the visual flow and the likelihood that visitors will read the testimonials as they drift across the screen.
How to Set the Position of Your Floating Cards Widget
Step 1: Open the Widgets Section
Log in to your Feedspace account. In the left sidebar, click Widgets to open the Widgets dashboard, where all your created widgets are listed.
Step 2: Edit Your Floating Cards Widget
Locate your Floating Cards widget in the list. Click the Edit button (or the widget name) to open the widget editor.
Step 3: Go to the Design Tab
Inside the widget editor, click the Design tab at the top of the panel. This tab contains all visual and layout customization options for your Floating Cards widget.
Step 4: Find the Layout Design Section
Scroll down within the Design tab until you reach the Layout Design section. This section groups the options that control how and where the floating cards are rendered on the page.
Step 5: Set the Widget Position
Locate the Widget Position option within the Layout Design section. You will see three choices:
- Left: Floating cards drift from the left side of the viewport, keeping the right side of your page clear.
- Center: Floating cards appear in the center of the viewport, maximizing visibility and drawing the most attention.
- Right: Floating cards drift from the right side of the viewport, leaving left-aligned content and navigation unobstructed.
Click the position that best fits your page layout. The live preview in the editor will update immediately so you can see how the cards will appear before publishing.
Step 6: Save Your Changes
Once you are satisfied with the selected position, click Save to apply the changes. Your Floating Cards widget will now use the chosen position wherever it is embedded.
What You Can Do Next
- Hide the Floating Cards widget on mobile devices so the drifting cards do not overlap smaller screens by following the guide on hiding your Floating Cards widget on mobile.
- Adjust other design settings such as card size, animation speed, and background color in the Design tab to make your floating review cards match your brand.
- Copy the embed code from the widget editor and paste it into your website or landing page to publish the Floating Cards widget with the new position applied.
- Preview how the positioned widget looks on different page layouts by embedding it on a staging or test page before rolling it out to your live site.
You might also find helpful
How Do I Hide My Floating Cards Widget on Mobile in Feedspace?
Overview The Floating Cards widget displays your reviews as animated notification-style cards that gently float and drift across the screen, creating an eye-catching social proof effect for visitors. Because the cards animate across the full viewport, they work best on the wider screens of desktops and tablets where there is...
How to Create a Floating Cards Widget in Feedspace
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...
How Do I Customize the Design of My Widget in Feedspace?
Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...