Skip to main content

1️⃣ Editor Tasks Overview

1.1 Editing an Existing Page

How to do it in Crystallize:

  • Navigate to the Catalog by clicking the book icon on the left side.
  • Navigate through the folders to find the page you want to edit.
    • Note: If it’s a subpage, you might need to open a folder inside another folder.
    • Tip: The folders correspond to the website’s path (URL structure).
  • Click on the page in the folder to open the editor.
  • Edit any of the text or images you want. (You can read more about content below.)
  • Click Save and Publish in the top right corner.

Best Practices:
✅ Double-check all links and images.

1.2 Creating a New Page

What is it?
Adding a completely new page to the website, like “About Us” or “Contact.”

How to do it in Crystallize:

  • Navigate to the Catalog by clicking the book icon on the left side.
  • Navigate to the parent folder where you want the page to live.
    • Note: If there isn’t an existing folder for the new section, you’ll need to create one first.
    • Click Create + (bottom left corner) → select Folder, give it a name, and remember to click Publish in the top right corner to make it visible.
    • Tip: The folder determines the slug/URL in the site structure.
  • Once in the correct folder, click Create + again → select Document → Page.
  • Give the page a name (for internal reference only—it does not affect the slug/URL).
  • The page editor will open, containing three main sections:
    • Hero
    • Content Section
    • SEO Section
    • (You can read more about these sections, further below.)
  • Fill in the sections you need.
  • Complete the SEO Section (meta title, description, and image).
  • Click Save and Publish when you’re ready.

Best Practices:
✅ Use clear, concise folder names to manage your URLs effectively.
✅ Fill in SEO metadata.

1.3 Editing Website Settings

What is it?
Updating site-wide elements like the logo, color theme, navbar, and footer.

How to do it in Crystallize:

  • Navigate to the Catalog by clicking the book icon on the left side.
  • Check if a folder named layout exists.
    • If not, create it:
      • Click the Create + button in the bottom left corner.
      • Select Folder and name it Layout (exact spelling).
      • Remember to click Publish in the top right corner to make it visible.
  • Open the layout folder.
  • Click the Create + button again in the bottom left corner.
  • Choose Document → Settings (or your project’s specific settings type).
  • Inside the Settings document, you can edit the following:
    • Logo: Upload or change the site’s main logo.
    • Color Theme: Update primary/secondary colors to match your branding.
    • Navbar: Add or remove navigation links, adjust order, rename links.
    • Footer: Edit text, links, or add/remove sections.
    • Languages: Choose the languages you want your pages to be available in—select them in the Language field.
  • Click Save and Publish when you’re ready.

Best Practices:
✅ Use high-quality images.
✅ Choose color themes that match your brand.
✅ Keep the navbar clear and simple.
✅ Always select the appropriate languages in the Language field to ensure multilingual support.