GUIDES

How-To Guides

Step-by-step guides to help you build, customize, and grow your website on Pixelesq. From your first page to advanced SEO and automation.

Content Management

How to Create a Collection and Define Its Schema

Collections are Pixelesq's CMS. Define a schema once and create as many entries as you need. Supports 9 field types and AI-generated schemas.

Getting Started

How to Use AI to Set Up Your Site with the Onboarding Wizard

The onboarding wizard is not just a setup form. It builds the context your AI will reference for weeks. Cheap inputs equal cheap outputs.

Getting Started

How to Choose and Apply a Template

Templates speed up page creation, but only if you understand one key thing: they are a one-way copy, not a live link. Here's how they actually work.

Getting Started

How to Navigate the Pixelesq Dashboard

The 4 sidebar groups, the command palette, the AI agent, and the keyboard shortcuts that separate power users from everyone else.

Getting Started

How to Create Your First Website on Pixelesq

Go from zero to a published website in under an hour. This guide walks you through the 5-step onboarding wizard and flags the decisions you cannot undo later.

Integrations & Automation

How to Generate and Use API Tokens

API tokens let you access Pixelesq programmatically. Build custom integrations, sync data from external systems, and automate workflows via GraphQL.

Getting Started

How to Manage Your Subscription and Plan

Manage your Pixelesq billing, upgrade or downgrade plans, and understand what each tier includes. All in one place.

Building Pages

How to Use Unsplash, Icons, and AI Image Suggestions

Pixelesq includes free Unsplash photos, thousands of icons, and AI-powered image suggestions. Three ways to populate your site without buying stock.

Integrations & Automation

How to Customize Your AI Chatbot's Appearance and Behavior

Your chatbot should feel like your brand, not a generic widget. Pixelesq lets you customize name, icon, personality, tone, instructions, and display mode.

Analytics & Performance

How to Track AI Referral Traffic to Your Site

AI search is a new traffic channel. Pixelesq tracks visitors from ChatGPT, Claude, Perplexity, and other AI platforms in a dedicated analytics tab.

Analytics & Performance

How to Monitor Core Web Vitals and Site Performance

Core Web Vitals are how Google measures user experience quality. Pixelesq tracks all 5 metrics per page with clear pass/fail ratings.

Site Configuration

How to Add Third-Party Scripts (Hotjar, Intercom, Verification Tags)

Add any third-party script to your Pixelesq site using Custom Tags. Includes step-by-step setup for the most common tools: Hotjar, Intercom, Crisp, LinkedIn Insight Tag, and verification meta tags.

Integrations & Automation

How to Connect Slack and Linear to Your Project

Pixelesq has native integrations for Slack and Linear. Get form submissions in Slack, create Linear tasks from content, all with OAuth setup.

Integrations & Automation

How to Set Up and Manage Webhooks

Webhooks let external services react to events in your Pixelesq project. Publishes, form submissions, entry updates, and more are available as webhook events.

Forms & Lead Capture

How to Connect Form Submissions to Webhooks

Route form submissions to Slack, CRMs, Zapier, or any external service in real time. Setup takes 5 minutes and replaces manual email handling.

Content Management

How to Use Collections for Team Pages, Portfolios, and Products

Collections are not just for blogs. Here are three specific patterns for team pages, portfolios, and product catalogs with recommended schemas for each.

Content Management

How to Build Dynamic Pages with View Templates

View templates turn collections into dynamic pages. One template, hundreds of pages. Each entry becomes a page using the same layout.

Design & Styling

How to Manage Multiple Themes and Apply Them Per Page

Sometimes one theme is not enough. Pixelesq lets you create multiple themes per project and pick which one a page uses.

Design & Styling

How to Use the Type Scale Editor for Typography

Beyond font choice, typography is about rhythm and hierarchy. Pixelesq's Type Scale Editor lets you control every size, line height, and spacing value.

Building Pages

How to Build and Manage Reusable Partials

Partials let you define a section once and reuse it across many pages. Updates to the partial propagate instantly. Essential for headers, footers, and repeated CTAs.

Building Pages

How to Create and Use Page Templates

Templates let you create page layouts once and reuse them. Essential for sites with many similar pages like blog posts, case studies, or product pages.

Building Pages

How to Use Media Sections: Carousels, Grids, Cards, and Stats

Pixelesq has over 10 media section types. Picking the right one transforms a flat page into a visual experience. Here's when to use each.

Site Configuration

How to Manage Redirects When Changing Page URLs

Changing a page URL without a redirect costs you SEO and creates 404s for existing links. Here's the 5-minute process to do it right.

Site Configuration

How to Invite Team Members and Manage Roles

Pixelesq projects support multiple team members with three role levels. Here's how to invite people and pick the right permissions.

Building Pages

How to Manage Page Revisions and Rollback Changes

Pixelesq stores every save as a revision. If something goes wrong, you can roll back to any previous version without losing history.

Building Pages

How to Password-Protect or Hide a Page

Pixelesq supports three page visibility modes: public, hidden, and locked. Here's when to use each and how to set them up.

SEO & Discoverability

How to Set Up LLMs.txt for AI Search Engine Discoverability

LLMs.txt is the new machine-readable site summary for AI engines. Pixelesq auto-generates yours at /llms.txt based on your site content, with no setup required.

SEO & Discoverability

How to Check Link Health and Fix Broken Links

Broken links hurt SEO and user experience. Pixelesq has a built-in link health checker that scans your pages for broken internal links in one click.

SEO & Discoverability

How to Use IndexNow for Instant Search Engine Indexing

IndexNow is the fastest way to get your pages indexed. Pixelesq auto-submits every publish and update to 5 search engines. Setup takes 2 minutes.

SEO & Discoverability

How to Add Structured Data (JSON-LD) for Rich Results

Structured data is how you get FAQ dropdowns, star ratings, and breadcrumbs in Google results. Pixelesq has a dedicated JSON-LD field and can generate schemas with AI.

Integrations & Automation

How to Set Up an AI Chatbot on Your Pixelesq Website

Add an AI assistant to your website that answers questions from your site content. No training data to prepare. Five configuration tabs to customize it end-to-end.

Analytics & Performance

How to View Website Analytics and Track Visitors in Pixelesq

Pixelesq has a built-in analytics dashboard with live visitors, Core Web Vitals, AI citations, and automatic AI-generated insights. No extra setup required.

Building Pages

How to Upload and Manage Images, Files, and Media Assets

Pixelesq's asset library handles images, videos, PDFs, and icons. Plus Unsplash access, tag-based organization, and AI-powered suggestions.

Forms & Lead Capture

How to View, Manage, and Export Form Submissions

Every form submission lands in your dashboard. Here's how to view them, set up notifications, forward to tools you use, and handle the submissions table effectively.

Forms & Lead Capture

How to Use the Form Builder: Fields, Validation, and Layout

Everything you need to know to build high-conversion forms in Pixelesq. Field types, layout, help text, email templates, and the mistakes that hurt conversion.

Building Pages

How to Add Testimonials, FAQs, and Social Proof Sections

Social proof turns visitors into customers. Pixelesq has 5 testimonial layouts, 4 FAQ variants, and logo sections to build trust fast.

Building Pages

How to Add Feature, Pricing, and CTA Sections

The three sections that make or break a landing page. Here's which variant to pick and how to make each convert.

Building Pages

How to Set Up Your Website Header, Footer, and Navigation

Build your header and footer once as partials, reuse them on every page, and update them in one place when things change.

Design & Styling

How to Create and Customize a Theme

Change colors, fonts, spacing, and radii site-wide in minutes. Pixelesq themes apply to every section and component with a live preview.

Content Management

How to Create a Blog on Pixelesq Using Collections

Build a blog the right way: one collection with a schema, a view template for post layout, and AI-assisted content. Every post gets its own SEO-optimized page.

Content Management

How to Add and Manage Collection Entries

Entries are the individual items in a collection. Here's how to create them, edit them, use AI to draft content, and manage revisions.

SEO & Discoverability

How to Connect Google Search Console and Monitor Performance

Connect GSC to Pixelesq and see search performance, indexing status, and URL inspection results directly in your dashboard.

SEO & Discoverability

How to Generate and Submit Your Sitemap to Search Engines

Your sitemap is already generated. Here's where to find it, how Pixelesq auto-submits it to Google, and how to manually submit it to Bing and other engines.

SEO & Discoverability

How to Add Open Graph Images and Social Previews

Control exactly how your Pixelesq pages look when shared on Twitter, LinkedIn, Facebook, and Instagram. Set OG images, write custom share text per platform.

SEO & Discoverability

How to Set Page Titles, Meta Descriptions, and SEO Tags

Every Pixelesq page has full SEO controls: meta title, description, OG image, noindex, JSON-LD structured data, and live Google search previews.

Site Configuration

How to Set Up Google Tag Manager (GTM) on Pixelesq

Connect Google Tag Manager to your Pixelesq site and manage every tracking pixel, conversion tag, and third-party script from one place.

Site Configuration

How to Set Up URL Redirects (301 and 302) in Pixelesq

Redirects move visitors from old URLs to new ones. Pixelesq supports exact, prefix, and regex matching with priority ordering.

Site Configuration

How to Add Custom HTML, CSS, and JavaScript to Your Site

Pixelesq's Custom Tags feature lets you inject any script, stylesheet, or meta tag into your site's head or body. Here's how to use it safely.

Site Configuration

How to Add a Meta (Facebook) Pixel to Your Site

Track Facebook and Instagram ad conversions by adding the Meta Pixel to your Pixelesq site in under 2 minutes.

Site Configuration

How to Verify Your Domain and Troubleshoot DNS Issues

Domain verification and DNS issues are the most common setup problems. Here's how to diagnose and fix every status and error in Pixelesq.

Site Configuration

How to Set Up DNS Records for Pixelesq (GoDaddy, Cloudflare, Namecheap)

Exact steps for adding DNS records at the three most common domain registrars. Copy the values, click through the UI, and your domain is live.

Site Configuration

How to Connect a Custom Domain to Your Pixelesq Site

Replace your default Pixelesq URL with your own domain. Free SSL, automatic renewal, available on every plan including Free.

Building Pages

How to Publish, Unpublish, and Schedule Pages

Publishing is the moment your draft becomes live. Here's exactly how it works, what can block it, and how to schedule pages for a future launch.

Building Pages

How to Build a Hero Section for Your Landing Page

Pixelesq has 11 hero variants. Pick the wrong one and your landing page feels generic. Pick the right one and it feels made for your product.

Building Pages

How to Add, Reorder, and Customize Page Sections

Sections are the building blocks of every Pixelesq page. Here's how to pick the right one, customize it, and save yourself hours with a few tricks.

Building Pages

How to Create and Edit Pages with the Visual Editor

Master the Pixelesq editor. Learn the save model, keyboard shortcuts, undo behavior, and what happens when things go wrong.

Site Configuration

How to Add Google Analytics 4 (GA4) to Your Pixelesq Site

Set up GA4 tracking on your Pixelesq website in just a few clicks. No code or manual script injection required.

Forms & Lead Capture

How to Create a Contact Form in Pixelesq

Build a contact form in minutes with the form builder or let Pixel Agent generate the fields for you. Collect and manage submissions right from your dashboard.

Loading…
built with
Pixelesq Logo
pixelesq
AI Website Builder Guides | Pixelesq