Footer - Call to Action is a Shopify theme section in the Section Star library. A bold footer that leads with a headline and a call-to-action button.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Content Design
Set the design for the content
| Setting | Type | Default |
|---|---|---|
| Gap Between Content Elements | Number | 20 |
| Spacing Between List Elements | Number | 5 |
| Underline link | Checkbox | Off |
Grid Design
Set the design for the grid
| Setting | Type | Default |
|---|---|---|
| Gap Between Columns | Number | 20 |
| Vertical Alignment | Select (Center, Top, Bottom) | start |
Media Design
Set the design for the media
| Setting | Type | Default |
|---|---|---|
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |
Column block settings
| Setting | Type | Default |
|---|---|---|
| Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr |
Collapsible block settings
| Setting | Type | Default |
|---|---|---|
| Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 |
| Alignment | Text alignment | left |
| Content | Inline rich text | Hide/Show Elements that Follow |
| Is Open | Checkbox | On |
| Collapse on mobile only? | Checkbox | Off |
Content block settings
| Setting | Type | Default |
|---|---|---|
| Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p |
| Alignment | Text alignment | left |
| Content | Inline rich text | Add headlines, text, and more with th… |
Rich Text block settings
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Content | Rich text | <h4><b>Create Amazing Content</b></h4… |
| Show Bullets | Checkbox | Off |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto |
| Make Responsive | Checkbox | On |
| Desktop Image Width (requested from Shopify) | Number | 1100 |
| Mobile Image Width (requested from Shopify) | Number | 600 |
| Call to Action Link | URL | — |
Video block settings
| Setting | Type | Default |
|---|---|---|
| Hero Video | Video | — |
| Optional Link | URL | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | Off |
| Loop Video | Checkbox | Off |
| Show Video Controls | Checkbox | On |
| Mute Video | Checkbox | Off |
Button block settings
Primary Button
Set content for the primary button
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |
Secondary Button
Set content for the secondary button
| Setting | Type | Default |
|---|---|---|
| Show Secondary Action? | Checkbox | Off |
| Call to Action | Inline rich text | Secondary Action |
| Call to Action Link | URL | — |
Button Style
Set the look and feel of the button
| Setting | Type | Default |
|---|---|---|
| Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Primary Button Text Color | Color | #fff |
| Secondary Button Text Color | Color | #fff |
| Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Border Size | Number | 0 |
| Border Color | Color | #111 |
| Subtle Shadow on Button | Checkbox | On |
| Subtle Lift Animation on Link | Checkbox | Off |
5 Star block settings
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Icon Width | Number | 100 |
| Spacing Between Elements | Number | 20 |
| Gap Between Content Items | Number | 5 |
| Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials |
| # Stars | Select (5, 4.5) | 5 |
| Icon Color | Color | #111 |
Icon block settings
| Setting | Type | Default |
|---|---|---|
| Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… |
| Icon Color | Color | #fff |
| Alignment | Text alignment | left |
| Icon Shape | Select (Square, Rounded, Circle) | circle |
| Icon Padding | Number | 25 |
| Icon Size | Range | 40 |
| Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag |
Icon with Text block settings
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Icon Color | Color | #111 |
| Icon Size | Number | 25 |
| Gap Between Content Items | Number | 5 |
| Element Spacing | Number | 20 |
| Text | Inline rich text | This is sample text to go along with … |
| Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag |
Popup Link block settings
| Setting | Type | Default |
|---|---|---|
| Alignment | Text alignment | left |
| Link Text | Inline rich text | Show Pop Up |
| Modal Content | Rich text | <p>This is the content for the popup</p> |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Footer - Call to Action”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.