CTA Button Text 4 Components

⚠️ Important Notice: We are transitioning from <bw-widget> to <nw-blocks> tags. While <bw-widget> is still supported for backward compatibility, all new implementations should use <nw-blocks>. Please update your existing widgets when possible.

Overview

CTA Button Text 4 components provide a streamlined call-to-action solution with optional brand logos displayed inline with the button. This variant offers a more compact design compared to CTA Button Text 2, with the logo appearing alongside the button rather than above it.

ctabuttontext4: Compact CTA button with optional inline brand logo
ctageobuttontext4: Geo-targeted version that automatically selects brands based on user location and product

ctabuttontext4

A compact CTA button component with an optional brand logo displayed inline to the right of the button.

Basic Usage (No Logo)

Expand me...

{"cloakedLink":"greatwin-casino","showlogo":true,"trackinglinktarget":"","sellingPointType":"general","target":"_blank","rel":"nofollow","language":"en","country":"US","countryState":"OH","maxRows":9999,"ctakey":"cta-claim-bonus","channel":"se","ctatext":"Override translation!","text":"","ctacolors":"#05843A","ctahovercolors":"#096735","brandposition":0,"showterms":"no","id":"ctabuttontext4","wid":"id5fa84d0e-e411-481e-895e-df58aa1de754","websiteId":"1117.stage-umbrella-showcase.com","websiteConfiguration":{"restrictions":[],"redirect_404_to_301":false,"configurationSanity":{"displayModes":{}},"botRestrictions":{"userAgent":"^.*googlebot.*$","paths":["^/"]}},"cfRayID":"a120ffb3e9cec60e","widgetCacheKey":"0ccaa0c0874704ff24f966fd5a21f8a9","isBot":false,"isGov":false,"imgUrl":"/content/cms-images/166de036eace38cbe2c7929804ba6e337ce8b6db-600x240.webp","isActive":true,"brandName":"Greatwin Casino","ctaKey":"cta-claim-bonus","ctaText":"Override translation!","ctaHoverColors":"#096735","ctaColors":"#05843A","showLogo":true}

With Brand Logo

Display the brand logo inline to the right of the button for a compact branded experience.

Expand me...

{"cloakedLink":"greatwin-casino","showlogo":true,"trackinglinktarget":"","sellingPointType":"general","target":"_blank","rel":"nofollow","language":"en","country":"US","countryState":"OH","maxRows":9999,"ctakey":"cta-claim-bonus","channel":"se","ctatext":"Play Now","text":"","ctacolors":"#05843A","ctahovercolors":"#096735","brandposition":0,"showterms":"no","id":"ctabuttontext4","wid":"idbf863363-d770-4b4a-b643-fac119d3b302","websiteId":"1117.stage-umbrella-showcase.com","websiteConfiguration":{"restrictions":[],"redirect_404_to_301":false,"configurationSanity":{"displayModes":{}},"botRestrictions":{"userAgent":"^.*googlebot.*$","paths":["^/"]}},"cfRayID":"a120ffb3e9cec60e","widgetCacheKey":"8b71abf46478a18b13d4530bf02bd2fe","isBot":false,"isGov":false,"imgUrl":"/content/cms-images/166de036eace38cbe2c7929804ba6e337ce8b6db-600x240.webp","isActive":true,"brandName":"Greatwin Casino","ctaKey":"cta-claim-bonus","ctaText":"Play Now","ctaHoverColors":"#096735","ctaColors":"#05843A","showLogo":true}

With Custom Colors

Customize button colors to match your brand or design theme.

Expand me...

{"cloakedLink":"greatwin-casino","showlogo":false,"trackinglinktarget":"","sellingPointType":"general","target":"_blank","rel":"nofollow","language":"en","country":"US","countryState":"OH","maxRows":9999,"ctakey":"cta-claim-bonus","channel":"se","ctatext":"Join Now","text":"","ctacolors":"#FF6B35","ctahovercolors":"#E85A2B","brandposition":0,"showterms":"no","id":"ctabuttontext4","wid":"id15355505-8088-4208-b652-678598d38d72","websiteId":"1117.stage-umbrella-showcase.com","websiteConfiguration":{"restrictions":[],"redirect_404_to_301":false,"configurationSanity":{"displayModes":{}},"botRestrictions":{"userAgent":"^.*googlebot.*$","paths":["^/"]}},"cfRayID":"a120ffb3e9cec60e","widgetCacheKey":"2263a1b5486efe7b4502c30a1b9cba1e","isBot":false,"isGov":false,"imgUrl":"/content/cms-images/166de036eace38cbe2c7929804ba6e337ce8b6db-600x240.webp","isActive":true,"brandName":"Greatwin Casino","ctaKey":"cta-claim-bonus","ctaText":"Join Now","ctaHoverColors":"#E85A2B","ctaColors":"#FF6B35","showLogo":false}

Attributes Reference

Attribute	Type	Default	Description
`id`	string	required	Component identifier (ctabuttontext4)
`cloakedlink`	string	`"cresus-casino"`	The cloaked tracking link slug
`showlogo`	boolean	`true`	Display brand logo inline with button
`ctatext`	string	`""`	Button text (overrides ctakey translation)
`ctakey`	string	`""`	i18n translation key for button text
`target`	string	`"_blank"`	Link target attribute
`rel`	string	`"nofollow"`	Link rel attribute
`trackinglinktarget`	string	`""`	Additional tracking target parameter
`referer`	string	-	Referer parameter for tracking
`ctacolors`	string	`"#05842A"`	Button background color (single color only)
`ctahovercolors`	string	`"#096725"`	Button hover background color (single color only)

ctageobuttontext4

A geo-targeted compact CTA button that automatically selects brands based on user location, product type, and language preferences.

Basic Usage

Expand me...

With Brand Logo

Display the geo-targeted brand logo inline with the button.

Expand me...

For Different Products

Easily switch between Casino, Sports Betting, or other products with the product attribute.

Expand me...

Attributes Reference

Attribute	Type	Default	Description
`id`	string	required	Component identifier (ctageobuttontext4)
`brandposition`	number	`0`	Brand position in the geo-targeted list (0-indexed internally, use 1 for first)
`product`	string	-	Product type (e.g., “SB” for Sports Betting, “CA” for Casino)
`language`	string	`"en"`	Language code (e.g., “fr”, “en”)
`country`	string	`"ZZ"`	Country code (e.g., “FR”, “US”, “ZZ” for generic)
`countryState`	string	-	State code for US/CA (e.g., “NY”, “ON”)
`sellingpointtype`	string	`"general"`	Type of selling point to display
`showlogo`	boolean	`true`	Display brand logo inline with button
`ctatext`	string	`""`	Button text (overrides ctakey translation)
`ctakey`	string	`""`	i18n translation key for button text
`target`	string	`"_blank"`	Link target attribute
`rel`	string	`"nofollow"`	Link rel attribute
`trackinglinktarget`	string	`""`	Additional tracking target parameter
`referer`	string	-	Referer parameter for tracking
`maxRows`	number	`9999`	Maximum number of rows to fetch
`ctacolors`	string	`"#05842A"`	Button background color (single color only)
`ctahovercolors`	string	`"#096725"`	Button hover background color (single color only)

Key Differences from CTA Button 3

Design & Layout

Compact Design: CTA Button 3 has a more streamlined, horizontal layout
Inline Logo: Brand logo appears to the right of the button, not above it
No Description Text: CTA Button 3 focuses solely on the button and logo
Simpler Styling: Uses solid colors instead of gradients

Use Cases

CTA Button 2: Best for featured placements with description text and larger visual impact
CTA Button 3: Ideal for inline placements, sidebars, or when space is limited

Color Configuration

CTA Button 3 uses solid colors only (no gradients like CTA Button 2).

Single Color Format

ctacolors="#05843A"
ctahovercolors="#096735"

Colors should be specified as standard CSS color values (hex, rgb, etc.).

Key Features

1. Inline Brand Logo

Set showlogo="true" to display the brand logo
Logo appears to the right of the button in the same row
Maintains compact design with 42px logo height

2. Simplified Styling

Solid color backgrounds instead of gradients
Clean, minimal design
Consistent arrow icon on all buttons

3. Geo-Targeting

Automatically select brands based on location
Product-specific targeting (Sports, Casino, etc.)
Language and country-specific content

4. Space-Efficient Layout

Horizontal button and logo arrangement
Perfect for sidebars and narrow spaces
Maintains brand recognition without taking vertical space

Backward Compatibility

All examples above use the new <nw-blocks> tag. If you need to use the legacy <bw-widget> tag for backward compatibility, simply replace <nw-blocks> with <bw-widget> in any example:

<!-- New way (recommended) -->
<nw-blocks id="ctabuttontext4" cloakedlink="greatwin-casino" showlogo="true" >
</nw-blocks>

<!-- Old way (still supported) -->
<bw-widget id="ctabuttontext4" cloakedlink="greatwin-casino" showlogo="true" >
</bw-widget>

Both tags work identically and support all the same attributes and functionality.

Common Use Cases

1. Simple Compact Button

<nw-blocks id="ctabuttontext4" 
    cloakedlink="your-casino" 
    ctatext="Play Now"
    ctacolors="#05843A" >
</nw-blocks>

2. Branded Button with Logo

<nw-blocks id="ctabuttontext4" 
    cloakedlink="your-casino" 
    showlogo="true"
    ctatext="Join Today"
    ctacolors="#FF6B35" >
</nw-blocks>

3. Geo-Targeted Casino Button

<nw-blocks id="ctageobuttontext4" 
    product="CA" 
    language="en" 
    brandposition="1"
    showlogo="true"
    ctatext="Claim Bonus" >
</nw-blocks>

4. Inline Sportsbook CTA

<nw-blocks id="ctageobuttontext4" 
    product="SB" 
    language="fr" 
    showlogo="true"
    ctacolors="#1E90FF"
    ctahovercolors="#0066CC"
    ctatext="Parier Maintenant" >
</nw-blocks>

Choosing Between CTA Versions

Feature	CTA Button	CTA Button 2	CTA Button 3
Layout	Simple link/button	Card with logo above	Compact horizontal
Logo Position	N/A	Above button	Right of button
Description Text	No	Yes	No
Colors	Gradient support	Gradient support	Solid colors only
Best For	Text links, simple CTAs	Hero sections, featured content	Sidebars, inline CTAs
Space Required	Minimal	Large	Compact