Card Callouts Block

The Card Callouts block allows you to highlight important content, services, or features through visually appealing cards. Each card includes an image, title, and links to specific pages or services within your site.

Adding a Card Callouts Block

1. Navigate to your content page where you want to add card callouts
2. Click the "+" button to add a new content block
3. Select "Card Callouts Block" from the block options
4. Configure your card display settings

Configuration Options

Block Settings

• Heading: Enter the main title for your card callouts section (default: "Featured Content")
• Subheading: Add optional descriptive text to appear below the heading

Layout Options

Choose how your cards will be displayed:

• Grid: Cards are arranged in a responsive grid layout
• Carousel: Cards slide horizontally, perfect for many items

Callout Cards

Create individual cards by clicking "Add Callout":

1. Card Title: Enter a descriptive title for the card
2. Card Image: Upload or select an image from your media library
3. Link To: Choose where clicking the card will take users:
4. • Select from existing pages
   • Select from your services

Managing Callout Cards

• Reorder: Drag and drop cards to change their sequence
• Delete: Click the trash icon to remove a card
• Edit: Click on any card to modify its title, image, or link

Best Practices

• Use high-quality, visually consistent images for all cards
• Keep card titles clear and concise (3-6 words recommended)
• Link to relevant, valuable content that matches your card's promise
• Ensure images have proper alt text for accessibility
• Consider using 3-4 cards for grid layout, more for carousel

Layout Recommendations

Grid Layout

• Best for 2-6 featured items
• Displays all cards immediately
• Responsive across devices
• Perfect for highlighting top services or features

Carousel Layout

• Ideal for 5+ items
• Saves vertical space
• Users can swipe through options
• Great for showcasing multiple offerings

Tips

• Use card callouts to:
• • Feature your main services
  • Highlight recent content
  • Display product categories
  • Showcase case studies or testimonials

View an example below