Using Craft Templates with Cravo

A step-by-step guide to using Cravo's official templates to jumpstart your website.

Overview

Cravo provides professionally designed templates for common website types. Each template is a fully structured Craft.do document that you can duplicate, customize, and connect to Cravo.

Available Templates:

TemplateBest ForFeatures
BlogPersonal blogs, newslettersClean article layout, collection-based posts
DocsDocumentation, guidesSidebar navigation, hierarchical pages
PortfolioCreatives, freelancersVisual-first layout, project showcases

📸 PLACEHOLDER: Screenshot
Template selection gallery in the Cravo wizard, showing all three template cards with preview thumbnails

Step 1: Access the Template

From the Cravo dashboard:

  1. Click "Create New Site"
  2. Select "Start with a Template"
  3. Click on your preferred template card
  4. You'll see a "Open in Craft" button

📸 PLACEHOLDER: Screenshot
Template detail view showing the "Open in Craft" button and template preview

Step 2: Duplicate to Your Space

When you click the link, you'll be taken to Craft.do:

  1. Sign in to your Craft account (if not already)
  2. Click "Duplicate to your space" at the top
  3. Choose your destination folder
  4. Wait for the duplication to complete

🎬 PLACEHOLDER: Video (20 seconds)
Screen recording: Clicking "Open in Craft" → Craft opens → Click duplicate → Document appears in "My Documents"

📸 PLACEHOLDER: Screenshot
Craft.do duplicate confirmation dialog with "Duplicate" button highlighted

Step 3: Explore the Template Structure

Each template comes with a pre-built structure. Here's what you'll find:

Blog Template Structure

text
1📄 Home (Landing page)
2├── 📁 Blog (Collection page)
3│   ├── 📄 Sample Post 1
4│   ├── 📄 Sample Post 2
5│   └── 📄 Sample Post 3
6└── 📄 About

Docs Template Structure

text
1📄 Home (Welcome page)
2├── 📁 Getting Started
3│   ├── 📄 Introduction
4│   ├── 📄 Quick Start
5│   └── 📄 Installation
6├── 📁 Features
7│   ├── 📄 Feature 1
8│   └── 📄 Feature 2
9└── 📄 FAQ

Portfolio Template Structure

text
1📄 Home (Hero + Project Grid)
2├── 📁 Projects
3│   ├── 📄 Project 1
4│   └── 📄 Project 2
5├── 📄 About Me
6└── 📄 Contact

📸 PLACEHOLDER: Screenshot
Side-by-side comparison of all three template structures in Craft.do document outline view

Step 4: Customize Your Content

Before connecting to Cravo, you should personalize the template:

Replace Placeholder Content

  • Update sample titles and text
  • Replace placeholder images with your own
  • Edit the About/Bio sections

Modify Structure (Optional)

  • Add new pages as needed
  • Delete sections you don't need
  • Rearrange the page hierarchy

💡 Tip: You can always make changes after publishing. Any updates in Craft can be synced to your live site.

📸 PLACEHOLDER: Screenshot
Craft.do editor showing a user editing a template page with highlighted editable areas

Step 5: Generate API Credentials

To connect your customized template to Cravo:

  1. In Craft, open your document
  2. Click Share → Publish and Share
  3. Enable "API Access"
  4. Copy the Base URL and Secret Key

📸 PLACEHOLDER: Screenshot
Craft.do Share panel with API credentials visible and copy buttons highlighted

Step 6: Connect to Cravo

Return to the Cravo wizard:

  1. Paste your Base URL
  2. Paste your Secret Key
  3. Click "Verify"
  4. Complete the site configuration
  5. Click "Create Site"

Your template-based site is now live!

🎬 PLACEHOLDER: Video (30 seconds)
Full flow: Copying credentials from Craft → Pasting in Cravo → Verification success → Site creation → Dashboard redirect

Template-Specific Tips

For Blog Templates

  • The main Blog page uses a Collection block – new posts appear automatically
  • Add posts as sub-pages under the Blog page
  • Use the page properties to set publish dates

For Docs Templates

  • The sidebar automatically reflects your page hierarchy
  • Keep pages organized in logical folders
  • Use H1/H2 headings for table of contents

For Portfolio Templates

  • Use high-quality images (recommended: 1200px wide)
  • Keep project descriptions concise
  • Link to external case studies if needed

Troubleshooting

Template didn't duplicate correctly

  • Ensure you're signed into Craft
  • Try duplicating again with a stable internet connection
  • Check if you have available storage in your Craft space

My changes aren't showing on the live site

  • Click the Sync button in your Cravo dashboard
  • Wait for the sync to complete
  • Hard refresh your browser (Cmd/Ctrl + Shift + R)

Related Guides