Creating and Managing Pages

Pages are a fundamental part of your website, allowing you to present content beyond blog posts and recipes. They can include information about your services, contact details, or any other content you wish to highlight. This guide will help you create, customize, and manage pages effectively.

Understanding Page Structure

Each page consists of three main sections:

  1. Hero
  2. Content
  3. SEO

Additionally, pages can be nested under parent pages, enabling you to create a hierarchical structure for your site.

Step 1: Setting Up the Hero Section

What Is a Hero?

The Hero section is the prominent area at the top of a page. It often features a large image, a headline, and a call to action. This section is crucial for capturing your visitors' attention and conveying your key message.

Hero Types

You can choose from four Hero types, each offering a different level of visual impact:

  1. High Impact

    • Description: Features a large background image or video with overlaid text.
    • Use When: You want to make a strong visual statement, such as on a homepage or a major landing page.
    • Image Upload: Requires a high-quality image or video.

  2. Medium Impact

    • Description: Includes a smaller image alongside your headline and description.
    • Use When: You want a balance between visuals and immediate content access.
    • Image Upload: Requires an image, but it occupies less screen space.

  3. Low Impact

    • Description: Focuses more on text with minimal or no imagery.
    • Use When: Content is the priority, and you prefer a simple header.
    • Image Upload: Optional or minimal imagery.

  4. None

    • Description: No Hero section is displayed.
    • Use When: You want to dive straight into the content without any introductory section.

Customizing the Hero Section

Entering Text

  • Headings:
    • Craft a clear and compelling headline.
    • Keep it concise and relevant to the page content.
  • Description:
    • Provide a brief summary or introduction.
    • Use this space to entice readers to explore further.

Structuring Tips

  • Be Clear and Direct: Your heading should immediately convey what the page is about.
  • Use Action Words: Encourage engagement with verbs like "Discover," "Learn," or "Explore."
  • Keep It Concise: Avoid lengthy text that may overwhelm visitors.

Image Upload

  • High and Medium Impact Heroes:
    • Click on the Image Upload area to select an image from your device.
    • Image Guidelines:
      • Use high-resolution images (minimum 1920x1080 pixels).
      • Ensure images are relevant to the content.
      • Optimize images for web use to improve loading times.

Adding Links

  • Internal Links:
    • Direct visitors to other pages on your site.
    • Improves navigation and keeps users engaged.
  • External Links:
    • Link to reputable external resources.
    • Provide additional value to your readers.

Why Links Are Important

  • Enhance SEO: Proper linking improves your site's search engine ranking.
  • User Experience: Helps visitors find related content easily.
  • Authority Building: External links to authoritative sites can boost your credibility.

Step 2: Building the Content Section

The Content section allows you to build the main body of your page using various blocks. This flexible system lets you create a custom layout that suits your content needs.

Adding Blocks to Your Layout

  1. Access the Content Editor:
    • Navigate to the Content tab in the page editor.
  2. Add Blocks:
    • Click on Add Block to see a list of available blocks.
  3. Choose Blocks:
    • Select the blocks you want to include.
    • You can add multiple blocks and rearrange them by dragging and dropping.

Available Blocks

  • Call To Action (CTA)

    • Purpose: Prompt users to take a specific action (e.g., sign up, contact us).
    • Customization: Add text and link buttons to internal or external pages.

  • Newsletter Sign Up

    • Purpose: Encourage visitors to subscribe to your newsletter.
    • Customization: Enter a compelling title and description.

  • Content

    • Purpose: Add text content using the rich text editor.
    • Features: Format text, insert images, and embed media.

  • Media Content

    • Purpose: Display an image or video alongside text.
    • Customization: Choose the media position (left or right), add captions.

  • Media Block

    • Purpose: Showcase full-width images or videos.
    • Customization: Ideal for impactful visuals.

  • Archive

    • Purpose: Display a list of posts or recipes.
    • Options: Configure to show latest posts, categories, or tags.

  • Featured Posts

    • Purpose: Highlight selected posts.
    • Customization: Choose specific posts to feature.

  • Form Block

    • Purpose: Embed forms for user interaction.
    • Examples: Contact forms, surveys, feedback forms.

  • Reusable Content Block

    • Purpose: Use the same content block across multiple pages.
    • Benefit: Update content in one place, and it reflects everywhere.

  • Slider

    • Purpose: Create an image carousel.
    • Customization: Add multiple images, captions, and set transition effects.

  • Tabs

    • Purpose: Organize content into tabbed sections.
    • Use Case: Ideal for FAQs, feature lists, or comparisons.

  • Iframe

    • Purpose: Embed external content directly into your page.
    • Examples: Videos, maps, third-party widgets.

Note: For detailed instructions on configuring each block, please refer to our Blocks Guide.

Step 3: Configuring SEO Settings

The SEO section is crucial for making your page discoverable through search engines like Google.

Filling in SEO Fields

  1. Title
    • Function: Appears as the clickable headline in search results.
    • Tips:
      • Keep it under 60 characters.
      • Include relevant keywords.
  2. Description
    • Function: Summarizes the page content in search results.
    • Tips:
      • Aim for 150-160 characters.
      • Make it engaging to encourage clicks.
  3. Image
    • Function: Used when your page is shared on social media.
    • Tips:
      • Use a relevant and eye-catching image.
      • Recommended size: 1200x630 pixels.

Why SEO Matters

  • Visibility: Helps your page appear in search engine results.
  • Traffic: Increases the likelihood of attracting visitors.
  • Engagement: Well-optimized pages encourage users to stay longer.

Tips for Effective Page Creation

  • Consistency: Maintain a consistent style and tone across all pages.
  • Readability: Use headings, bullet points, and short paragraphs.
  • Accessibility: Ensure your page is accessible to all users, including those with disabilities.
  • Mobile Optimization: Preview your page on mobile devices to ensure it looks good on all screen sizes.
  • Quality Content: Provide valuable information that meets your audience's needs.

Nesting Pages

Nesting pages allows you to organize content hierarchically. For example:

  • About Us
    • Our Team
    • Our History

In this case, "Our Team" and "Our History" are nested under the "About Us" page.

Example of Nesting Pages

To nest a page under a parent:

  1. Create or Edit a Page:
    • Go to the page editor for the child page.
  2. Select Parent Page:
    • In the Sidebar, find the Parent dropdown.
    • Choose the page you want to nest under.
  3. Save Changes:
    • Click Save or Publish to apply the changes.

Example:

This structure helps visitors navigate related content easily.

For more information on each block and advanced page settings, please refer to our detailed guides or contact our support team for assistance.

Was this page helpful?