Call to Action (sticky) button

When to use a Call to Action (sticky) button

Do

• Only available for use on landing pages in an edge to edge section.
• Limit of 1 sticky button per page. Multiple sticky buttons will confuse the audience. 
• The Call to Action button text should be clear and concise — limit of 50 characters. Try to limit the button text to 2 to 4 words. 

Don't

• Don't use the Call to Action (sticky) button for general call to actions like newsletter subscriptions.

How to add a Call to Action (sticky) button

1. Add an Edge to edge section to your landing page. This is the only section you can use to ensure the sticky button works.

2. Click to Add Block, + Create Custom Block.

3. Click on Call to Action.

4. Enter the details for your Call to Action button. 

1. URL (mandatory) – add a Link to another page (Mandatory) – Content (internal page) or Managed link (external page). Avoid linking to items in the media library. 
2. Link text – the button text. Maximum 50 characters. Try to limit the button text to 2 to 4 words. 
3. Icon (optional).
4. Contextual information (optional) – add clear and concise contextual information to the Call to Action. Use sentence case. 
5. Button style – the default style is Primary Button (Dark). You can also select secondary or alert styles. Learn more about buttons. 

5. Click to Add block.

6. Save layout to display the button. It should appear 'stuck' to the bottom of the browser window as you scroll the page. 

How the Call to Action (sticky) button displays

Example #1

Hyperlinked button (Primary), button text with icon, contextual information, edge to edge section.