Tutorials

Follow focused walkthroughs for the setup and preview workflows teams use most often.

Each tutorial focuses on one practical job, with a clear goal, short setup notes, and a success check at the end.

Use these guides when you want to complete one task quickly or revisit a specific step after launch.

Create your first site

Use this tutorial when you are ready to connect a website and begin setup in Mosaicora.

Goal
Create a new site record and confirm that it appears in the workspace.
Time
5 to 10 minutes
Prerequisites
A signed-in account and the website address you want to manage.
  1. 1

    Open Sites and choose Add Site.

  2. 2

    Enter the site name and website address, such as https://www.example.com.

  3. 3

    Save the site and wait for the confirmation message.

  4. 4

    Open the new site to review the next setup actions.

Step 1 screen with the Add Site action and required fields highlighted.

Set up branding for consistent output

Use this tutorial when you want share images to follow the same brand direction.

Goal
Configure the logo and colors that should appear in share images.
Time
10 to 15 minutes
Prerequisites
A site, logo asset, and brand colors ready to use.
  1. 1

    Open the branding area for the site.

  2. 2

    Upload the logo and confirm that it looks clear.

  3. 3

    Set the brand colors and review the contrast in the preview.

  4. 4

    Save the branding settings and check the updated output.

Branding settings screen with the logo and color inputs highlighted.

Create your first share image

Use OG Designer to create the first polished image your site will use when links are shared.

Goal
Create a reusable share image and save it as the site default.
Time
10 to 20 minutes
Prerequisites
A base template or starting design you want to refine.
  1. 1

    Open OG Designer from the site or template flow.

  2. 2

    Choose a preset that matches the layout you want.

  3. 3

    Update the text, layout, images, and brand styling.

  4. 4

    Save the result so it becomes the default share image for the site.

OG Designer workspace with the preset library, live preview, and save action highlighted.

Use page types for alternate share images

Use this tutorial when a group of pages should show a different image from the site default.

Goal
Connect a page type to the alternate share image you want Mosaicora to use.
Time
10 minutes
Prerequisites
At least one saved template and a site with page-type rules.
  1. 1

    Open the page types area for the site.

  2. 2

    Choose the page type rule you want to edit.

  3. 3

    Select the alternate share image or template that should apply to that page type.

  4. 4

    Use a non-home rule when most interior pages should share one broader fallback while the homepage keeps the default image.

  5. 5

    Save the rule and confirm that the mapping appears in the list.

Sites page with the Page Types tab selected and the template choice visible.

Review and refine generated previews

Use this tutorial when you want to check the default image and any rule-based variations before relying on them.

Goal
Review a preview and make any final refinements before publishing.
Time
5 to 15 minutes
Prerequisites
A configured template or page type with preview output available.
  1. 1

    Open the preview for the site or template you want to inspect.

  2. 2

    Check the title, layout, and brand styling for consistency.

  3. 3

    Compare the preview with the live page so you can confirm the default image and alternate image are both behaving as expected.

  4. 4

    Adjust the content or design if the preview needs refinement.

  5. 5

    Save the updated configuration and review the new result.

Preview screen with the rendered output and edit controls visible.

Troubleshoot common setup issues

Use this tutorial when the default image, a rule-based variation, or a preview does not look correct.

Goal
Identify and correct the most common issues that affect setup.
Time
Variable
Prerequisites
A site, template, or preview that needs attention.
  1. 1

    Check the site record for missing or incomplete details.

  2. 2

    Review branding inputs for missing assets or unexpected values.

  3. 3

    Confirm that the default image or page type rule points to the correct configuration.

  4. 4

    Refresh the preview and verify that the issue is resolved.

Troubleshooting view with the affected settings and preview state highlighted.