Building Your First Page on Criya AI

Welcome to the detailed guide on creating your first page using Criya's auto designer, which serves as an intuitive page builder. This guide will help you navigate through the basic and advanced features of page creation, focusing first on design and content organization without delving into AI capabilities just yet.

Getting Started

• Location: When you log into Criya, you will find yourself in your workspace, likely starting with just a homepage.
• Adding Pages: It's recommended to organize your content in folders for ease of management, especially as your content grows.

Step 1: Create Your First Page

• Procedure:
  1. Page Creation: Choose to start with a blank page or use a pre-designed template.
  2. Page Setup: Name your page, select a folder to house it, and assign a slug for the URL. For example, setting up a page called "Criya Sales Deck" under a "Criya Decks" folder with a URL slug that suits your organization's schema.
  3. Template Option: Optionally, turn your page into a template to allow team members to duplicate and modify it.

Step 2: Customize Your Page

• Design Flexibility: Utilize the auto designer to never worry about formatting, resizing, or color schemes. Your chosen color palette ensures brand consistency across all content.
• Adding Content:
  1. Sections and Elements: Easily add and customize sections such as text blocks, media (images, videos), carousels, grids, and interactive elements like pricing tables or FAQs.
  2. Media Management: Swap images and videos within sections or use icons from the built-in library to enhance visual appeal.
  3. Dynamic Content: Introduce interactive elements like call-to-action buttons to drive user engagement (e.g., "Schedule a Call" or "Book a Demo").

Step 3: Engagement and Interaction

• Engagement Features:
  1. Call-to-Action Buttons: Activate these buttons to encourage visitors to interact with your content, linking to actions like connecting on LinkedIn or booking appointments.
  2. Interactive Grids: Configure grids to include images, videos, or actionable icons that users can click, enhancing engagement and providing valuable information visually.

Step 4: Managing and Sharing Your Page

• Presentation Options:
  1. Modes: Toggle between presentation mode for a slide-like experience and a scrollable web mode for easy browsing.
  2. Sharing: Utilize the built-in QR code for each asset for easy sharing, especially on mobile devices. The QR codes link directly to the content, facilitating seamless access.
  3. Duplication and Templates: Enable template mode to allow others to duplicate and customize the page within their own workspace settings.

Conclusion and Tips

• Efficiency Tools: Use the platform's tools to copy and reorder sections, ensuring a consistent and coherent presentation style. Always save changes to preserve your updates.
• Final Overview: Preview your completed page to see how it appears to visitors, toggling between different presentation modes to ensure optimal layout and user experience.

Upcoming Topics

In the next session, we will explore how to leverage Criya's AI capabilities to further enhance the speed, design, and performance of your content creation. This will allow you to fully harness the power of AI in streamlining your design processes and enriching user engagement.

This guide provides you with the foundational steps to start building and customizing pages on Criya, setting the stage for more advanced integrations and functionalities in future tutorials.