Contact Pages (Content Filling)

Prerequisites: Section Preparation

Objective

Create and fill French and English contact pages with their Hero, Cards, and Contact blocks in the back-office. Configure URLs, sitemap, and SEO.

Overview

  1. Hero (H1): Page header
  2. Card: Contact info in sidebar
  3. Info: Potential alerts
  4. Contact: Form configuration
Contact pages use the Contact Type which allows 4 BlocTypes:

Final structure:

    /fr/contact (FR Composite)
└── Blocks:
    ├── Hero (H1)
    ├── Card × 3 (Support, GitHub, Documentation)
    ├── Info (Response time)
    └── Contact

/en/contact (EN Composite)
└── Blocks:
    ├── Hero (H1)
    ├── Card × 3 (Support, GitHub, Documentation)
    ├── Info (Response time)
    └── Contact

Create Contact FR Composite

Step 1: Composite Creation

Access: Sidebar menu → Management → Articles → Button Add article

  1. Active: Checked
  2. Type: Select Contact
  3. Language: Select French
  4. Name: Contact
  5. Section: Select FR in dropdown
  6. Save
Article tab:

Composite created with unique ID (visible in URL: /bo/composite/edit?id=XX).

Step 2: Fill Hero

Contents section → Button Add block → Select 01. Hero (H1)

Fields to fill:

title (required):

    Contact

description (required):

    <p>Question about Blackcube CMS? Don't hesitate to contact us, we're here to help.</p>

breadcrumbTitle (optional):

    Contact

  1. Select in dropdown → Articles → Contact (EN)
  2. This linking enables language switcher
lang (multilingual linking):

  1. image: Leave empty
  2. ctaTitle: Leave empty
  3. ctaTarget: Leave empty
  4. ctaSecondaryTitle: Leave empty
  5. ctaSecondaryTarget: Leave empty
Unused fields:

Save block.

Info

The lang field can only be filled after creating Contact EN Composite. You'll need to return to modify this field after the "Create Contact EN Composite" step.

Step 3: Fill Cards

Card 1: Support

Contents section → Button Add block → Select 04. Card

Fields to fill:

  1. Upload SVG file life-ring.svg
icon (required):

title (required):

    Support

description (required):

    <p>For any technical questions, first check our complete documentation.</p>

link (optional):

    View documentation >

  1. Select in dropdown → Sections → Guide (FR)
linkRoute (required):

  1. Leave empty (using linkRoute for internal link)
linkUrl (optional):

Save block.

Card 2: GitHub

Contents section → Button Add block → Select 04. Card

Fields to fill:

  1. Upload SVG file github.svg
icon (required):

title (required):

    GitHub

description (required):

    <p>Find source code, report a bug, or contribute to the project on GitHub.</p>

link (optional):

    github.com/blackcubeio

linkUrl (optional):

    https://github.com/blackcubeio

  1. Leave empty (using linkUrl for external link)
linkRoute (optional):

Save block.

Card 3: Documentation

Contents section → Button Add block → Select 04. Card

Fields to fill:

  1. Upload SVG file book-open.svg
icon (required):

title (required):

    Documentation

description (required):

    <p>Complete guides, tutorials, and API references to master Blackcube CMS.</p>

link (optional):

    Explore documentation >

  1. Select in dropdown → Sections → Guide (FR)
linkRoute (required):

  1. Leave empty (using linkRoute for internal link)
linkUrl (optional):

Save block.

Step 4: Fill Info Box

Contents section → Button Add block → Select 05. Info

Fields to fill:

  1. Select info in dropdown
type (required):

title (required):

    Response time

content (required):

    <p>We strive to respond within 48 business hours.</p>

Save block.

Step 5: Fill Contact Block

Contents section → Button Add block → Select 07. Contact

Fields to fill:

title (required):

    Send us a message

successTitle (required):

    Message sent!

success (required):

    <p>Thank you for your message. We'll get back to you as soon as possible.</p>

Save block.

Step 6: URL Configuration

Info

In Blackcube, URL path is always complete and absolute for all elements (Nodes, Composites, Categories, Tags). Path is never automatically inherited from parent.

URL tab:

  1. Active: Checked
  2. Host:
  3. Path: fr/contact
  4. Save

Final public URL: /fr/contact

Step 7: Sitemap Configuration

Sitemap tab:

  1. Active: Checked
  2. Frequency: monthly
  3. Priority: 0.5
  4. Save

Step 8: SEO Configuration

SEO tab:

  1. Active: Checked
  2. Title: Contact - Blackcube CMS
  3. Description: Contact the Blackcube team. Questions, suggestions, or technical support, we're here to help.
  4. Save

Create Contact EN Composite

Step 1: Composite Creation

Access: Sidebar menu → Management → Articles → Button Add article

  1. Active: Checked
  2. Type: Select Contact
  3. Language: Select English
  4. Name: Contact
  5. Section: Select EN in dropdown
  6. Save
Article tab:

Step 2: Fill Hero

Contents section → Button Add block → Select 01. Hero (H1)

Fields to fill:

title (required):

    Contact Us

description (required):

    <p>Have a question? A suggestion? We'd love to hear from you about Blackcube CMS.</p>

breadcrumbTitle (optional):

    Contact

  1. Select in dropdown → Articles → Contact (FR)
lang (multilingual linking):

  1. image: Leave empty
  2. ctaTitle: Leave empty
  3. ctaTarget: Leave empty
  4. ctaSecondaryTitle: Leave empty
  5. ctaSecondaryTarget: Leave empty
Unused fields:

Save block.

Step 3: Fill Cards

Card 1: Support

Contents section → Button Add block → Select 04. Card

Fields to fill:

  1. Upload SVG file life-ring.svg
icon (required):

title (required):

    Support

description (required):

    <p>For any technical questions, please check our comprehensive documentation first.</p>

link (optional):

    View documentation >

  1. Select in dropdown → Sections → Guide (EN)
linkRoute (required):

Save block.

Card 2: GitHub

Contents section → Button Add block → Select 04. Card

Fields to fill:

  1. Upload SVG file github.svg
icon (required):

title (required):

    GitHub

description (required):

    <p>Find the source code, report a bug or contribute to the project on GitHub.</p>

link (optional):

    github.com/blackcubeio

linkUrl (optional):

    https://github.com/blackcubeio

Save block.

Card 3: Documentation

Contents section → Button Add block → Select 04. Card

Fields to fill:

  1. Upload SVG file book-open.svg
icon (required):

title (required):

    Documentation

description (required):

    <p>Complete guides, tutorials and API references to master Blackcube CMS.</p>

link (optional):

    Explore documentation >

  1. Select in dropdown → Sections → Guide (EN)
linkRoute (required):

Save block.

Step 4: Fill Info Box

Contents section → Button Add block → Select 05. Info

Fields to fill:

  1. Select info in dropdown
type (required):

title (required):

    Response time

content (required):

    <p>We strive to respond within 48 business hours.</p>

Save block.

Step 5: Fill Contact Block

Contents section → Button Add block → Select 07. Contact

Fields to fill:

title (required):

    Send us a message

successTitle (required):

    Message sent!

success (required):

    <p>Thank you for your message. We'll get back to you as soon as possible.</p>

Save block.

Step 6: URL Configuration

URL tab:

  1. Active: Checked
  2. Host:
  3. Path: en/contact
  4. Save

Final public URL: /en/contact

Step 7: Sitemap Configuration

Sitemap tab:

  1. Active: Checked
  2. Frequency: monthly
  3. Priority: 0.5
  4. Save

Step 8: SEO Configuration

SEO tab:

  1. Active: Checked
  2. Title: Contact - Blackcube CMS
  3. Description: Contact the Blackcube team. Questions, suggestions or technical support, we're here to help.
  4. Save

Link FR/EN Content (Continued)

Now that both Contact Composites exist, finalize linking.

Update Hero FR

  1. Edit Contact (FR) Composite
  2. Edit Hero (H1) block
  3. lang field: Select in dropdown → Articles → Contact (EN)
  4. Save

Update Hero EN

  1. Edit Contact (EN) Composite
  2. Edit Hero (H1) block
  3. lang field: Select in dropdown → Articles → Contact (FR)
  4. Save

Validation

Check in Management → Articles:

  1. Contact (FR) - Type: Contact - Language: French
  2. Contact (EN) - Type: Contact - Language: English
Created composites:

  1. 1 Hero (H1)
  2. 3 Cards
  3. 1 Info
  4. 1 Contact
  5. Total: 6 blocks per page
Blocks per Composite:

  1. URLs configured: /fr/contact and /en/contact
  2. Sitemap enabled with monthly frequency
  3. SEO configured with title and description
  4. FR ↔ EN linking working via lang field
Configuration:

<< Section Preparation Documentation Pages (Content Filling) >>