Specifications for the Floating Card

The Floating Card is a promotional callout that will send users over to BuyViasat to see if they are eligible to receive satellite internet service in their area. It can be "Fixed" within the hero or "Floating", following the user down the page. It also contains an editable phone number that has click-to-call functionality. 

The Floating Card in action on the Home Internet landing page on Viasat.com

Authoring Experience:

Screenshots show the Floating Card authoring experience. Authoring notes are found in red text on the screenshots and below images as captions. 

Floating Card fields and layout
Floating Card author dialog

Floating Card: Paintbrush Styles

In the Style Options, found using the Paintbrush icon, you can choose how the Floating Card will behave. You can choose between the "Floating" option and the "Fixed" option, where the Fixed option will keep the Floating Card stationary in the Hero Banner and won't follow the user down the page. 

Paintbrush (Styles) options for Floating Card shown here.

Floating Card example text

Enter a valid zip code
TEST CTA
phone123 456 7890

Live component examples

You will find the floating card to the right side of this section, using the "Floating" option to follow you as you scroll down the page. 

Please do not edit the live example.

Gradient