The widget library for Squarespace is here Learn more

Urban Bold Call to Action

Free

Convert visitors into insiders with the Urban Bold CTA widget. This isn't just a newsletter signup; it's an "Access Pass." Designed to mimic the urgency of a limited streetwear drop, this widget creates a high-pressure, high-reward visual environment that compels action.

Visual Aesthetic: The entire section is underpinned by a scrolling text marquee in the background, creating constant, subtle motion that suggests activity and hype. The main content container is styled as a physical "Ticket" or Shipping Label—complete with a decorative barcode strip, industrial typography, and a "Priority Access" sticker badge. The high-contrast color palette (Safety Orange & Black) ensures the call-to-action is impossible to miss.

Use Cases:

  • Product Drops: Collect emails for "Early Access" to a new collection or limited product release.
  • Community Joining: Frame your newsletter as an exclusive club or movement ("Join the Inner Circle").
  • Waitlists: Perfect for SaaS or App launches where you want to build hype before the public release.
  • Event Registration: Use it as a ticket reservation block for concerts, parties, or pop-up shops.

Key Features:

  • Scrolling Marquee Background: A CSS-only infinite scroll text effect that creates depth and urgency.
  • Ticket/Label Design: The central card features industrial barcode detailing and meta-data footers, mimicking a physical ticket.
  • High-Contrast Form: The input field and button are fused into a solid, blocky unit that demands interaction.
  • Sticker Badge: A rotated "Priority Access" element adds a layer of chaotic realism to the layout.
  • Rich Text Description: The body copy allows for formatting, letting you bold key benefits or add emphasis where needed.
  • Mobile Optimized: The complex layout simplifies gracefully on mobile, stacking the form elements for easy thumb-typing.

How to install Urban Bold Call to Action to your website

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

Views

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
Alerts

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
New Item

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.