Skip to content

Call to action sticker

This guide describes setting up the Call to action sticker section.

Use the section to overlay the homepage with a sticker that links to a URL, like a store page.

The previous video shows a Call to action sticker section on a store's homepage (bottom right). When a store visitor moves the homepage down, a popup animation displays the sticker. The sticker's Shop now text is displayed, and a 10 point star shape is applied to the sticker. A Rotation animation rotates the sticker automatically. The sticker is hyperlinked to the store's Collections page.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks

Set up a call to action sticker section

To set up a Call to action sticker section:

  1. Go to Customize theme. At the top of the page, select the Home page template.


    The section is available only on the Home page template.

  2. From the side menu, select Call to action sticker.

    The Call to action sticker section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
Home page onlySelect the checkbox Home page only turn on/off displaying the section on the homepage only.
Animate in after first sectionSelect the checkbox Animate in after first section to turn on/ off animation for the section. With this setting enabled, the sticker is displayed whenever a store visitor scrolls past the first section on the homepage.
TextIn the Text box, enter text to display inside section.
LinkIn the Link box, enter a URL or select a store page for the section to link to. To remove a link, select the X icon inside the Link box. This setting is optional. With this setting enabled, the sticker is hyperlinked.
Link > Connect dynamic sourceTo display a link from a dynamic source, select the Connect dynamic source icon beside the Link box, and then choose a metafield to add. Refer to Shopify help: Metafields
ShapeUse the Shape dropdown to set a shape for the section. The shape is applied to the sticker. For a list of available shapes, refer to Stickers.
WidthAdjust the Width slider to set a width for the section between 100px and 200px (pixels).
PositionSelect the Position radio buttons to display the section on the Left or Right side of a page.
Font sizeUse the Font size dropdown to set a size for the section's text. The font size is scaled relative to the sticker's Width. For best results, apply this setting after you set the section's Text and Shape. The dropdown options are Extra small, Small, Medium, Large, and Extra large.
Custom imageUse the Image selector options to set up an image inside the section. The image is displayed instead of the section's text. Refer to Add, replace or remove an image or video inside a section or block.
Custom image > Image > Connect dynamic sourceTo display an image from a dynamic source, select the Connect dynamic source icon beside the Custom image selector, and then choose a metafield to add. Refer to Shopify help: Metafields.
Position > RotateAdjust the Rotate slider to rotate the section from -90deg to 90deg degrees.
Position > Enable rotation animationSelect the checkbox Enable rotation animation turn on/ off an animation that rotates the section automatically.
Mobile > Show on mobileSelect the checkbox Show on mobile to show/ hide the section on mobile display devices.
Color > ColorSelect the Color dropdown to set a color for the section's background. Set the background color to the current color scheme's Text, Accent 1, Accent 2, Card, Background, or Gradient color.
Color > Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary, Tertiary or Quaternary. Refer to Colors.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSSSelect Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.