Campaigns Carousel Customizer

Customize the appearance of the campaigns carousel and generate embed code

Quick Presets

Core Settings

Theme

Base URL

Max Campaigns

Height (px)

Show Expiration Date

API Key (Optional)

Panel Overlay Styling

Controls the dark overlay behind text for readability

Panel Start Opacity: 0.6

0.5

Panel Mid Opacity: 0.45

0.5

Panel End Opacity: 0.25

0.5

Panel Shadow

Typography

Live Preview

Real-time

Embed Code

<script src="https://your-domain.com/js/campaigns-carousel-widget.js"></script>
<legion-campaigns-carousel></legion-campaigns-carousel>

WordPress Integration

Add this code to a Custom HTML block in your WordPress post or page.

Step 1: Add a Custom HTML Block

In the WordPress editor, click the + button and search for "Custom HTML".

Step 2: Paste the Embed Code

<script src="https://your-domain.com/js/campaigns-carousel-widget.js"></script>
<legion-campaigns-carousel></legion-campaigns-carousel>

Available Attributes

theme

"light" | "dark"

max-campaigns

Number of campaigns (1-20)

height

Container height in pixels

show-expiration

"true" | "false"

panel-start/mid/end

Overlay opacity (0-1)

title-size

CSS font-size value