# Instant Help Center

> Help center for Instant

## Getting started

- [What is Instant?](https://docs.instant.so/en/articles/16068141-what-is-instant.md): Overview of Instant — the visual Shopify page builder with Instant AI, layout types, and publishing to your theme.
- [Create your account and sign in](https://docs.instant.so/en/articles/16068137-create-your-account-and-sign-in.md): Sign up for Instant with email or Google, then sign in with a magic link — no password required.
- [Connect your Shopify store](https://docs.instant.so/en/articles/16068136-connect-your-shopify-store.md): Install the Instant app on Shopify, grant permissions, and import brand styles from your theme.
- [Enable the Instant app embed](https://docs.instant.so/en/articles/16068138-enable-the-instant-app-embed.md): Turn on Instant Embed in your Shopify theme so Instant pages and sections load correctly and publishing can verify it.
- [Build your first page](https://docs.instant.so/en/articles/16068135-build-your-first-page.md): Start with Instant AI, a template, or a blank canvas — then find your way around the Instant builder.
- [Publish your first page](https://docs.instant.so/en/articles/16068140-publish-your-first-page.md): Publish a layout from Instant to your Shopify theme and view it live on your storefront.
- [The getting-started checklist](https://docs.instant.so/en/articles/16068139-the-getting-started-checklist.md): The steps to get up and running with Instant — from creating an account to publishing your first layout.

## The builder

- [Builder interface tour](https://docs.instant.so/en/articles/16068089-builder-interface-tour.md): A guided tour of the Instant builder — left panels, canvas, design panel, and header controls.
- [Navigate the canvas](https://docs.instant.so/en/articles/16068093-navigate-the-canvas.md): Select elements, multi-select, zoom, pan, and switch between Overview and the canvas.
- [Layers and page structure](https://docs.instant.so/en/articles/16068092-layers-and-page-structure.md): Use the Layers tree to select, reorder, rename, hide, wrap, and manage z-order on your page.
- [Add content with the Insert panel](https://docs.instant.so/en/articles/16068088-add-content-with-the-insert-panel.md): Add sections and elements from the Insert panel — Structure, Basics, Shopify, Advanced, and drag-and-drop.
- [Responsive design and breakpoints](https://docs.instant.so/en/articles/16068094-responsive-design-and-breakpoints.md): Design for Desktop, Laptop, Tablet, and Mobile — custom widths and per-breakpoint overrides.
- [Undo, redo, and autosave](https://docs.instant.so/en/articles/16068095-undo-redo-and-autosave.md): How Instant saves your work continuously, and how to undo, redo, and check sync status.
- [Collaborate in real time](https://docs.instant.so/en/articles/16068090-collaborate-in-real-time.md): See teammates on your project, jump to their viewport, and edit together in real time.
- [Keyboard shortcuts and command palette](https://docs.instant.so/en/articles/16068091-keyboard-shortcuts-and-command-palette.md): Keyboard shortcuts and the command palette — Navigate, Create, Agent, Help, and Canvas groups.

## Instant AI & Studio

- [Meet Instant AI](https://docs.instant.so/en/articles/16068072-meet-instant-ai.md): What Instant AI is, how the Agent works in the builder, and when to use it.
- [Build pages with AI](https://docs.instant.so/en/articles/16068069-build-pages-with-ai.md): Use the Agent to generate new pages, sections, and layouts from a brief.
- [Edit with AI](https://docs.instant.so/en/articles/16068070-edit-with-ai.md): Refine existing pages and sections with the Agent — copy, layout, styling, and fixes.
- [Set up a brand kit](https://docs.instant.so/en/articles/16068073-set-up-a-brand-kit.md): Create a brand kit so Instant AI builds and edits layouts using your colors, typography, and components.
- [Import designs from Figma](https://docs.instant.so/en/articles/16068071-import-designs-from-figma.md): Use the Instant Figma plugin's AI mode to turn a selected frame into a ready-to-use Agent prompt that rebuilds your design in Instant.
- [Studio: AI product imagery](https://docs.instant.so/en/articles/16068074-studio-ai-product-imagery.md): Generate product shots and lifestyle images with Studio, then use them in your layouts.
- [AI credits](https://docs.instant.so/en/articles/16068068-ai-credits.md): How AI credits work for Instant AI, the Agent, and Studio — allowances, usage, and top-ups.

## Layouts & templates

- [Layout types overview](https://docs.instant.so/en/articles/16068145-layout-types-overview.md): Learn what each Instant layout type is for and when to use pages, sections, templates, and more.
- [Pages and your homepage](https://docs.instant.so/en/articles/16068147-pages-and-your-homepage.md): Create custom pages in Instant and set one as your Shopify store's home page.
- [Product page templates](https://docs.instant.so/en/articles/16068148-product-page-templates.md): Design custom product detail pages in Instant and assign them to products in Shopify.
- [Collection page templates](https://docs.instant.so/en/articles/16068143-collection-page-templates.md): Build custom collection listing pages in Instant and assign them to Shopify collections.
- [Blog posts](https://docs.instant.so/en/articles/16068142-blog-posts.md): Create SEO-friendly blog article layouts in Instant and publish them to your Shopify blog.
- [Theme sections](https://docs.instant.so/en/articles/16068152-theme-sections.md): Build reusable theme sections in Instant and add them to your Shopify theme editor.
- [The template library](https://docs.instant.so/en/articles/16068151-the-template-library.md): Browse curated starter layouts in the Template Library to jump-start pages, sections, templates, and more.
- [Layout settings](https://docs.instant.so/en/articles/16068144-layout-settings.md): Configure names, handles, defaults, assignments, and advanced options for any Instant layout.
- [SEO settings](https://docs.instant.so/en/articles/16068150-seo-settings.md): Set page titles and meta descriptions for Instant pages and blog posts to improve search visibility.
- [Version history](https://docs.instant.so/en/articles/16068154-version-history.md): Restore previous versions of any Instant layout from automatic backups in layout settings.
- [Manage content in Shopify](https://docs.instant.so/en/articles/16068146-manage-content-in-shopify.md): Understand when content is edited in Shopify vs Instant, and how to overwrite Shopify content.

## Elements

- [Grids, columns, and rows](https://docs.instant.so/en/articles/16068130-grids-columns-and-rows.md): Use Grid, Column, and Row elements from Insert to build responsive page structure in Instant.
- [Text elements](https://docs.instant.so/en/articles/16068133-text-elements.md): Add and style Heading, Paragraph, and Text elements from Insert, including dynamic Shopify content.
- [Images and lightboxes](https://docs.instant.so/en/articles/16068132-images-and-lightboxes.md): Insert Image and Lightbox media elements, connect Shopify assets, and enable click-to-expand lightboxes.
- [Buttons and click actions](https://docs.instant.so/en/articles/16068129-buttons-and-click-actions.md): Add Button presets and configure the click actions available on the Interactions tab in Instant.
- [Icons and payment icons](https://docs.instant.so/en/articles/16068131-icons-and-payment-icons.md): Add Icon and Payment icon elements from Insert, choose icons, and style them for trust and navigation.
- [Video, YouTube, TikTok, and Vimeo](https://docs.instant.so/en/articles/16068134-video-youtube-tiktok-and-vimeo.md): Embed hosted and external videos using the Media presets for Video, YouTube, TikTok, and Vimeo in Instant.
- [Product cards and product fields](https://docs.instant.so/en/articles/16068122-product-cards-and-product-fields.md): Use the Product card preset and individual product field elements for titles, prices, images, and buy buttons.
- [Product galleries](https://docs.instant.so/en/articles/16068124-product-galleries.md): Add a Gallery element that shows a product's media with a thumbnail strip and a main image that syncs with variant selection.
- [Variant pickers](https://docs.instant.so/en/articles/16068128-variant-pickers.md): Configure Basic, Dropdown, Color picker, and Custom variant elements and connect them to Shopify product options.
- [Add to cart, quantity, and checkout buttons](https://docs.instant.so/en/articles/16068120-add-to-cart-quantity-and-checkout-buttons.md): Configure the Button, Checkout, and Quantity select product elements and their cart actions in Instant.
- [Selling plans and subscriptions](https://docs.instant.so/en/articles/16068125-selling-plans-and-subscriptions.md): Add the Selling plan element so shoppers can choose subscription and prepaid options on products with Shopify selling plan groups.
- [Stock alerts](https://docs.instant.so/en/articles/16068127-stock-alerts.md): Show low-stock messaging with the Stock alert product element, and build custom inventory messages with conditional visibility.
- [Product catalogs and carousels](https://docs.instant.so/en/articles/16068123-product-catalogs-and-carousels.md): Build collection grids and product sliders with the Product catalog and Carousel elements from Insert.
- [Collection filters and sorting](https://docs.instant.so/en/articles/16068121-collection-filters-and-sorting.md): Add Option filter, Color filter, and Collection sort elements to a collection template in Instant.
- [Build a cart drawer](https://docs.instant.so/en/articles/16068105-build-a-cart-drawer.md): Create an Instant Cart layout, add cart elements, connect your add-to-cart buttons, and publish it as your theme's cart on the Pro plan or higher.
- [Cart rewards](https://docs.instant.so/en/articles/16068107-cart-rewards.md): Show progress toward spend thresholds with the Cart reward and Multi reward elements, tiers, and preview states.
- [Cart upsells and add-ons](https://docs.instant.so/en/articles/16068108-cart-upsells-and-add-ons.md): Suggest extra products with the Product upsell carousel and the Cart add-on toggle in your Instant cart layout.
- [Cart countdowns](https://docs.instant.so/en/articles/16068106-cart-countdowns.md): Add urgency to the cart with the Cart countdown element and its timer, reset, and digit settings.
- [Accordions and tabs](https://docs.instant.so/en/articles/16068113-accordions-and-tabs.md): Organize long content into expandable accordions or tabbed panels in Instant.
- [Carousels, slideshows, and galleries](https://docs.instant.so/en/articles/16068114-carousels-slideshows-and-galleries.md): Add sliding content to your Instant storefront with carousels, slideshows, and galleries.
- [Overlays and pop-ups](https://docs.instant.so/en/articles/16068117-overlays-and-pop-ups.md): Show modals and corner pop-ups on your Instant storefront with timing and trigger controls.
- [Dropdowns and tooltips](https://docs.instant.so/en/articles/16068116-dropdowns-and-tooltips.md): Build click and hover menus with dropdown and tooltip elements in Instant.
- [Countdowns and tickers](https://docs.instant.so/en/articles/16068115-countdowns-and-tickers.md): Add urgency with countdown timers and scrolling ticker text in Instant.
- [Country and language selectors](https://docs.instant.so/en/articles/16068118-country-and-language-selectors.md): Let shoppers switch country, currency, and language with localization selectors in Instant.
- [Build headers and navigation](https://docs.instant.so/en/articles/16068119-build-headers-and-navigation.md): Create custom headers, footers, and navigation elements for your Instant storefront.
- [Custom Liquid blocks](https://docs.instant.so/en/articles/16068110-custom-liquid-blocks.md): Add a Custom Liquid element to run Shopify Liquid code inside an Instant layout, on Starter and up.
- [App islands](https://docs.instant.so/en/articles/16068109-app-islands.md): Reserve a slot in an Instant layout where Shopify app blocks render on your published storefront.
- [Spline 3D scenes](https://docs.instant.so/en/articles/16068111-spline-3d-scenes.md): Embed an interactive 3D scene from Spline in your Instant storefront layouts.
- [Third-party app widgets](https://docs.instant.so/en/articles/16068112-third-party-app-widgets.md): Embed reviews, forms, and bundles from Judge.me, Klaviyo, and other Shopify apps in Instant.

## Design & styling

- [The Style panel](https://docs.instant.so/en/articles/16068103-the-style-panel.md): Use the Design panel's Style tab to control layout, size, and visual styling for the selected element.
- [Typography](https://docs.instant.so/en/articles/16068104-typography.md): Control fonts, sizes, alignment, and text styling from the Text section in the Design panel.
- [Fills, borders, and effects](https://docs.instant.so/en/articles/16068099-fills-borders-and-effects.md): Control backgrounds, outlines, shadows, and visual effects from the Style section in the Design panel.
- [Interactions and animations](https://docs.instant.so/en/articles/16068100-interactions-and-animations.md): Add hover and other states, click actions, and motion from the Interactions tab in the Design panel.
- [Custom fonts](https://docs.instant.so/en/articles/16068098-custom-fonts.md): Upload your own font files and use them alongside Web fonts and Shopify theme fonts.
- [Brand styles](https://docs.instant.so/en/articles/16068096-brand-styles.md): Manage shared color and text presets from the Brand styles panel and apply them across your site.
- [Conditional visibility](https://docs.instant.so/en/articles/16068097-conditional-visibility.md): Show or hide an element based on product data, cart state, metafields, and other conditions.
- [The asset library](https://docs.instant.so/en/articles/16068102-the-asset-library.md): Upload, browse, and reuse images from Instant Assets and your connected Shopify files.
- [Reusable components](https://docs.instant.so/en/articles/16068101-reusable-components.md): Create, edit, and reuse components to keep layouts consistent and easy to maintain.

## Shopify data

- [Connect Shopify content to a layout](https://docs.instant.so/en/articles/16068172-connect-shopify-content-to-a-layout.md): Bind a product or collection to a layer so nested elements can render real Shopify data.
- [Dynamic text](https://docs.instant.so/en/articles/16068174-dynamic-text.md): Bind text elements to Shopify fields like product titles, prices, and cart totals.
- [Dynamic images](https://docs.instant.so/en/articles/16068173-dynamic-images.md): Show product featured images, media, and metafield images that follow Shopify data.
- [Repeat elements over data](https://docs.instant.so/en/articles/16068176-repeat-elements-over-data.md): Use Repeat on to render a layer once per product, media item, cart line, and more.
- [Use metafields](https://docs.instant.so/en/articles/16068177-use-metafields.md): Read Shopify metafields in dynamic text, images, links, and conditional visibility.
- [Preview with real store data](https://docs.instant.so/en/articles/16068175-preview-with-real-store-data.md): Preview layouts with live Shopify products, collections, and cart data before publishing.

## Publishing

- [How publishing works](https://docs.instant.so/en/articles/16068166-how-publishing-works.md): Learn what happens when you publish an Instant layout to your Shopify storefront.
- [Publish to live or draft themes](https://docs.instant.so/en/articles/16068167-publish-to-live-or-draft-themes.md): Choose whether Instant publishes to your live Shopify theme or a draft theme for testing.
- [After you publish](https://docs.instant.so/en/articles/16068165-after-you-publish.md): What to do after publishing a layout — verify it, assign it, set defaults, and share your live page.
- [Unpublish a layout](https://docs.instant.so/en/articles/16068171-unpublish-a-layout.md): Remove a published Instant layout from your Shopify theme and storefront.
- [Password-protected stores](https://docs.instant.so/en/articles/16068168-password-protected-stores.md): How Instant works with Shopify stores that use a storefront password, and how to give Instant access.
- [Publishing troubleshooting](https://docs.instant.so/en/articles/16068170-publishing-troubleshooting.md): Fix common issues when publishing Instant layouts to Shopify — embed prompts, plan gates, theme problems, and more.

## Analytics & A/B testing

- [Analytics overview](https://docs.instant.so/en/articles/16068076-analytics-overview.md): Use the Overview tab in Analytics to track Instant-attributed revenue and orders on your storefront.
- [Cart analytics](https://docs.instant.so/en/articles/16068078-cart-analytics.md): Track Instant Cart revenue, add-ons, AOV, conversion rate, and the cart-to-checkout funnel.
- [How tracking works](https://docs.instant.so/en/articles/16068080-how-tracking-works.md): What Instant measures on your storefront, how events flow, and what attributed revenue means.
- [Create an A/B test](https://docs.instant.so/en/articles/16068079-create-an-a-b-test.md): Set up a storefront experiment in Instant — variants, traffic split, goal, and the test link.
- [A/B test goals and targeting](https://docs.instant.so/en/articles/16068075-a-b-test-goals-and-targeting.md): Choose a primary goal, market, language, and traffic split for Instant A/B tests.
- [Read A/B test results](https://docs.instant.so/en/articles/16068081-read-a-b-test-results.md): Interpret confidence, the results table, and when to end a test and redirect traffic to a winner.

## Projects, teams & account

- [Create and manage projects](https://docs.instant.so/en/articles/16068156-create-and-manage-projects.md): Create a new Instant project, set its title, rename it, change its icon, and switch between projects from the builder header.
- [Share and duplicate projects](https://docs.instant.so/en/articles/16068159-share-and-duplicate-projects.md): Turn on project sharing so others can duplicate your work via a public link, and duplicate shared projects into your own Instant account.
- [Project members and roles](https://docs.instant.so/en/articles/16068157-project-members-and-roles.md): Understand Owner, Admin, and Editor roles on a project, invite collaborators, resend invites, transfer ownership, and manage team access.
- [Archive, restore, and move projects](https://docs.instant.so/en/articles/16068155-archive-restore-and-move-projects.md): Archive projects instead of deleting them, restore archived work, and move projects between your personal space and teams.
- [Create and manage a team](https://docs.instant.so/en/articles/16068160-create-and-manage-a-team.md): Create an Instant team, edit its name and handle, bulk-move projects, and delete a team you no longer need.
- [Team members and roles](https://docs.instant.so/en/articles/16068161-team-members-and-roles.md): Invite collaborators to your Instant team, assign Admin or Editor roles, resend invites, transfer team ownership, and leave a team.
- [Your team's public profile](https://docs.instant.so/en/articles/16068162-your-team-s-public-profile.md): Set your team description, support email, and contact links on your Instant team profile.
- [Manage your account](https://docs.instant.so/en/articles/16068163-manage-your-account.md): Update your profile photo and name, change or add your email, pick a collaboration cursor, and toggle the in-canvas toolbar.
- [View your subscriptions](https://docs.instant.so/en/articles/16068164-view-your-subscriptions.md): See all your Instant project plans in one place and open any project to update its subscription.

## Plans, billing & credits

- [Compare plans \(Free, Starter, Pro, Business\)](https://docs.instant.so/en/articles/16068082-compare-plans-free-starter-pro-business.md): Side-by-side overview of Instant's public plans — features, AI credits, testing, and publishing.
- [Plan limits reference](https://docs.instant.so/en/articles/16068085-plan-limits-reference.md): Publishing, reusable content, AI credit, and A/B session limits by plan.
- [Upgrade your plan](https://docs.instant.so/en/articles/16068087-upgrade-your-plan.md): Move from Free to Starter, Pro, or Business — what changes and how to upgrade.
- [Downgrade or cancel](https://docs.instant.so/en/articles/16068084-downgrade-or-cancel.md): Reduce your Instant plan or cancel your subscription — what happens to content and limits.
- [Refund policy](https://docs.instant.so/en/articles/16068086-refund-policy.md): Instant's 30-day refund guarantee — who's eligible, what you do before requesting, and how refunds are processed.

## Advanced

- [Custom Liquid code](https://docs.instant.so/en/articles/16068064-custom-liquid-code.md): Add a Custom Liquid element to run Shopify Liquid inside an Instant layout, on Starter and up.
- [Shopify Markets and localization](https://docs.instant.so/en/articles/16068065-shopify-markets-and-localization.md): Localize Instant layouts for Shopify Markets with country and language selectors and per-layout Markets support.
- [Access tokens and MCP](https://docs.instant.so/en/articles/16068062-access-tokens-and-mcp.md): Create an access token to connect external AI clients to your Instant project over MCP \(beta\).
- [Instant Storefront SDK](https://docs.instant.so/en/articles/16068067-instant-storefront-sdk.md): Use the window.Instant.api JavaScript methods and instant events on your live storefront to open the Instant cart and refresh it after custom cart changes.