Floating Portrait Call to Action Section

The Floating Portrait Call-to-Action is an immersive, high-conversion section designed to add a human element to digital environments. By surrounding a central message with a "constellation" of organic portrait frames, this widget creates an immediate sense of community, team strength, and social proof. It is a premier design choice for brands that want their "Let’s connect" sections to feel welcoming, populated, and full of life.

Design & Visual Aesthetic

This widget breaks away from traditional "meet the team" grids, opting for a more fluid, dynamic arrangement that maximizes the impact of human faces.

• Constellation Layout: Portraits are scattered around the central copy in a carefully calculated, non-linear pattern. This creates a sense of "floating" depth, making the page feel expansive and high-end.
• Organic Framing: The use of circular portraits—varying slightly in size and placement—softens the section’s overall aesthetic, making the brand feel more approachable and less corporate.
• High-Impact Centerpiece: The layout centers around a bold, authoritative headline and a clear call-to-action button. By surrounding the text with faces, the user’s eye is naturally drawn toward the "Book a call" prompt, leveraging the human tendency to focus on eyes and expressions.

Core Features

• Dynamic Floating Animation: Built with lightweight CSS, the portraits can feature subtle, "floating" motion effects that react to scrolling, adding a sophisticated layer of interactivity without slowing down performance.
• Smart Face-Centering: The widget is designed to ensure that portrait images stay centered within their frames, regardless of the original photo’s aspect ratio.
• Fully Responsive Geometry: On smaller screens, the constellation intelligently reconfigures into a tighter group, ensuring the call-to-action remains the focal point while maintaining the "team" visual.
• Deep Customization: Through the Redesignee interface, you can easily swap portraits, adjust the headline typography, and change the CTA button colors to align with your brand’s specific conversion goals.

Where to Use This Widget

This component is most effective in sections of a website that require a high degree of trust and personal connection:

• Primary Contact Sections: Replace the standard contact form header with this widget to show the real people behind the business before the user reaches out.
• "Join the Team" Pages: Use it to showcase the current company culture and the diverse faces of the team to attract new talent.
• Community & Membership Landing Pages: Perfect for sites that rely on a network of people, such as coaching platforms, coworking spaces, or exclusive membership groups.
• Trust-Building Footers: Position it at the very bottom of long sales pages to reassure the user that a real support team is waiting to help them.

How to install Floating Portrait Call to Action Section to your website

Bring this layout to life on your website in just a few clicks.

Install on Squarespace

Edit visually using the extension or native blocks

+−

First, ensure you have pasted the global Redesignee connector script into your site's Code Injection settings. Once connected, you have two easy ways to build:

1. Native Block: Simply add the native Redesignee Widget Block directly from the fluid engine editor menu inside Squarespace.

2. Manual Markdown: Add a standard Markdown Block, paste your widget’s code snippet, and the Redesignee floating "Customize" button will automatically appear right over the block.

Both methods let you tweak settings, copy items, and design visually in real time. Saving your changes syncs the updates instantly to your live page.

See Squarespace installation guide

Install on WordPress

Connect natively via Gutenberg or Elementor

+−

Make sure you have the free Redesignee WordPress Plugin installed. If you are using Elementor, simply drag and drop the Redesignee widget from your sidebar. If you are using the Gutenberg Block Editor, click the " + " icon and select the Redesignee Block. Launch the Cloud Library directly inside your workspace, choose your customized template, and import it with a single click. It automatically inherits your theme fonts and styles!

WordPress plugin installation guide

Install on Other CMS as Code

Quick copy-and-paste for custom setups

+−

If you are using Webflow, Shopify, Wix, or a custom HTML site, click the "Export Widget" button on this page and ensure the platform selector is set to "HTML". Click "Copy" to copy the clean, un-nested source code snippet directly to your clipboard. Paste this code into any HTML component, Code Block, or Embed tool inside your website builder. All styles, animations, and scripts are self-contained and ready to run.