# Fetchski Attract Docs ## Guides ### Get started - [Fetchski Attract Docs](https://docs.fetchski-attract.com/index.md): Build and run your website with Fetchski Attract, and build on it from your own apps. - [A tour of Attract](https://docs.fetchski-attract.com/guides/get-started/tour.md): The 5-minute map: your site, the toolbar, pages and sections, the settings screens and FetchskiAI. - [Sign in](https://docs.fetchski-attract.com/guides/get-started/sign-in.md): Sign in to your site with your Fetchski account or a password, and sign out when you're done. - [The toolbar and the command palette](https://docs.fetchski-attract.com/guides/get-started/toolbar-and-command-palette.md): What each toolbar button does, and how to reach any screen in a few keystrokes with ⌘K. - [Set up your site](https://docs.fetchski-attract.com/guides/get-started/set-up-your-site.md): A checklist that takes your new site from a fresh start to live, one step at a time. - [Your profile](https://docs.fetchski-attract.com/guides/get-started/your-profile.md): Your name, photo, password and AI instructions, plus how the CMS looks for you. ### Build pages - [Pages and the page tree](https://docs.fetchski-attract.com/guides/build-pages/pages-and-the-page-tree.md): Create pages, put them in order, rename them, and take away the ones you no longer need. - [Start from a page template](https://docs.fetchski-attract.com/guides/build-pages/page-templates.md): Begin a new page from a ready-made layout, then make it yours. - [Two ways to edit: on the page or in the page settings window](https://docs.fetchski-attract.com/guides/build-pages/two-ways-to-edit.md): Change what visitors see right on the page, or open a page's settings for everything else. - [Add, move and remove sections](https://docs.fetchski-attract.com/guides/build-pages/add-move-remove-sections.md): Build a page from sections: add one, put it in the right place, copy it or take it away. - [Preview on phones and tablets](https://docs.fetchski-attract.com/guides/build-pages/preview-on-devices.md): See how a page looks on a phone, a tablet or a big screen, without leaving your computer. - [Drafts, publishing and scheduling](https://docs.fetchski-attract.com/guides/build-pages/publish-and-schedule.md): Work on a draft, share it, send it for review, then put it live now or at a time you choose. - [Side-by-side layouts](https://docs.fetchski-attract.com/guides/build-pages/side-by-side-layouts.md): Split a row into columns and put text, pictures and compact sections side by side. - [Document versions](https://docs.fetchski-attract.com/guides/build-pages/versions.md): See every earlier version of a page or item, check what changed, and bring an old version back. - [Page SEO](https://docs.fetchski-attract.com/guides/build-pages/page-seo.md): Choose how each page shows up in search results, in the browser tab and when someone shares a link. - [Redirects](https://docs.fetchski-attract.com/guides/build-pages/redirects.md): Send visitors from an old web address to the right page, so old links and search results keep working. - [Your site in more than one language](https://docs.fetchski-attract.com/guides/build-pages/languages.md): Add a language, translate your pages into it, and put it live when it's ready, with its own addresses and a language switcher for visitors. ### Sections - [Sections](https://docs.fetchski-attract.com/guides/sections/index.md): Every section you can add to a page, grouped the way the Add Content menu groups them. - [What every section shares](https://docs.fetchski-attract.com/guides/sections/what-every-section-shares.md): The Background, Fonts, Buttons and CSS tabs, and the card styles, that work the same way in every section. - [Page Header](https://docs.fetchski-attract.com/guides/sections/page-header.md): The title band at the top of an inner page: eyebrow, title, a lead paragraph and up to two buttons. - [Hero](https://docs.fetchski-attract.com/guides/sections/hero.md): A big, bold opening for your home page or a landing page. - [Intro / Trust](https://docs.fetchski-attract.com/guides/sections/intro-trust.md): A headline and a paragraph about who you are, with an optional photo beside or behind them. - [Feature Cards](https://docs.fetchski-attract.com/guides/sections/feature-cards.md): A grid of cards, each with an icon, a title and a short text, optionally numbered 01, 02, 03. - [Stats / By the numbers](https://docs.fetchski-attract.com/guides/sections/stats.md): A band of big numbers that count up as visitors scroll. - [Logos / Partners](https://docs.fetchski-attract.com/guides/sections/logos.md): Show partner, client or certification logos as a scrolling strip or a grid. - [How it works / Steps](https://docs.fetchski-attract.com/guides/sections/steps.md): Walk visitors through your process in numbered steps, across a row or down a timeline. - [Media + Text block](https://docs.fetchski-attract.com/guides/sections/media-text.md): Pair a photo, a video or a YouTube or Vimeo video with text, row by row. - [Device mocks](https://docs.fetchski-attract.com/guides/sections/device-mocks.md): Show screenshots or short screen recordings inside a drawn TV, desktop browser or phone. - [Team](https://docs.fetchski-attract.com/guides/sections/team.md): Introduce the people behind your business, with photos, roles and short bios. - [FAQ](https://docs.fetchski-attract.com/guides/sections/faq.md): Answer common questions in a tidy list that opens one answer at a time. - [Service Area Map](https://docs.fetchski-attract.com/guides/sections/service-area-map.md): Show the areas you serve on a map, with prices and a check-your-area search. - [Blog Preview](https://docs.fetchski-attract.com/guides/sections/blog-preview.md): Show up to 3 of your newest blog posts as cards, with a link to the rest. - [Cookie Declaration](https://docs.fetchski-attract.com/guides/sections/cookie-declaration.md): Your cookie list, drawn from your cookie settings and grouped by category, with each visitor's current choices. - [Rich Text](https://docs.fetchski-attract.com/guides/sections/rich-text.md): Write formatted text right on the page: headings, lists, links, quotes and tables. - [Images and videos (in columns and posts)](https://docs.fetchski-attract.com/guides/sections/images-and-videos.md): Place a single image or an embedded video in a column, a blog post or a page's reading area. - [Google Reviews](https://docs.fetchski-attract.com/guides/sections/google-reviews.md): Show your best Google reviews, with stars, dates and the Google label. - [Testimonials](https://docs.fetchski-attract.com/guides/sections/testimonials.md): Show what your customers say, in a scrolling carousel, a grid or a staggered wall. - [Instagram Feed](https://docs.fetchski-attract.com/guides/sections/instagram-feed.md): Show your latest Instagram posts as a scrolling strip, a grid or a photo wall, with an on-site viewer. - [Gallery Preview and Gallery (Full)](https://docs.fetchski-attract.com/guides/sections/gallery.md): Show your photos as a wall, a grid or a moving band, with a lightbox to view them full size. - [Pricing / Packages](https://docs.fetchski-attract.com/guides/sections/pricing.md): Lay out your plans, packages or services as cards, each with a price, a feature list and a button. - [Newsletter Subscription](https://docs.fetchski-attract.com/guides/sections/newsletter-signup.md): Collect email sign-ups with a short heading, an email box and a button. - [SMS Subscription](https://docs.fetchski-attract.com/guides/sections/sms-signup.md): Collect phone numbers for text messages, with the consent checkbox and fine print they need. - [Form](https://docs.fetchski-attract.com/guides/sections/form.md): Put a form you've built on any page, such as a contact form or a quote request. - [Final CTA](https://docs.fetchski-attract.com/guides/sections/final-cta.md): Close a page with a bold colored band, a headline and two buttons. ### Content - [Content you reuse](https://docs.fetchski-attract.com/guides/content/index.md): Write your blog posts, team, testimonials and FAQs once, then show them in any section, on any page. - [Blog posts, categories and authors](https://docs.fetchski-attract.com/guides/content/blog.md): Write blog posts with text, photos and sections, sort them into categories, credit authors and set up your blog page. - [Team members](https://docs.fetchski-attract.com/guides/content/team-members.md): Add the people on your team once, with photos, roles and links, and set the order they show in. - [Testimonials](https://docs.fetchski-attract.com/guides/content/testimonials.md): Add quotes from happy customers once, with a name, photo and rating, and show them in any Testimonials section. - [FAQs and categories](https://docs.fetchski-attract.com/guides/content/faqs.md): Write each question and answer once, sort them into categories, and show them in any FAQ section. - [Google reviews](https://docs.fetchski-attract.com/guides/content/google-reviews.md): Keep the list of reviews your Google Reviews sections show: add them by hand or from Google, and feature your favorites. - [Service areas](https://docs.fetchski-attract.com/guides/content/service-areas.md): Draw or list each area you serve, with its price and description, for your Service Area Map. - [Photo albums](https://docs.fetchski-attract.com/guides/content/photo-albums.md): Choose photos from your media library, put them in order, and show the album in any gallery section. - [Photo feeds](https://docs.fetchski-attract.com/guides/content/photo-feeds.md): Pull a fresh set of photos from your own photo storage on a schedule, and show them in a gallery that changes by itself. - [Archive, restore and delete](https://docs.fetchski-attract.com/guides/content/archive-restore-delete.md): Take content off your site without losing it, bring it back, or delete it for good. - [Instagram posts](https://docs.fetchski-attract.com/guides/content/instagram-posts.md): The posts your Instagram Feed sections show: brought in from Instagram or added by hand, with your favorites featured. ### Media - [The media library](https://docs.fetchski-attract.com/guides/media/media-library.md): Upload your photos, videos and documents once, then use them on any page. - [Folders](https://docs.fetchski-attract.com/guides/media/folders.md): Sort your images, videos and files into folders, and move them around as your library grows. - [Broken media](https://docs.fetchski-attract.com/guides/media/broken-media.md): When a page points at an image or video that's gone, the CMS tells you where, and helps you fix it. ### Forms - [Build a form](https://docs.fetchski-attract.com/guides/forms/build-a-form.md): Build a contact, quote or sign-up form once, then put it on any page. - [Form submissions](https://docs.fetchski-attract.com/guides/forms/form-submissions.md): Read every message your forms collect, download them as a spreadsheet file, or copy them into a Google Sheet as they arrive. - [Email notifications](https://docs.fetchski-attract.com/guides/forms/email-notifications.md): Connect your email account once, then get an email whenever someone sends one of your forms. - [Spam protection](https://docs.fetchski-attract.com/guides/forms/spam-protection.md): Google reCAPTCHA quietly checks every form and signup for bots. Turn it on in Connections with two keys from Google. ### Site settings - [Site settings](https://docs.fetchski-attract.com/guides/site-settings/index.md): Your business details and site-wide setup in one place: name and logo, social links, legal details, SEO, cookies and more. - [Brand](https://docs.fetchski-attract.com/guides/site-settings/brand.md): Your business name, tagline, logos, browser icons and contact details, set once and used across your whole site. - [Social links](https://docs.fetchski-attract.com/guides/site-settings/social-links.md): List your social profiles once, and they show as icons in your site's footer. - [Site-wide SEO](https://docs.fetchski-attract.com/guides/site-settings/seo.md): Set the picture shared links show, and tell search engines who you are and where you serve. - [Legal details](https://docs.fetchski-attract.com/guides/site-settings/legal.md): Enter your company's legal details once, then fill them into your privacy policy and terms in one step. - [Cookie consent](https://docs.fetchski-attract.com/guides/site-settings/cookie-consent.md): Ask visitors about cookies, list every cookie your site uses, and keep proof of what each visitor chose. - [Service area map settings](https://docs.fetchski-attract.com/guides/site-settings/service-area-map.md): Choose where your map's areas come from, where your business sits, and the names and prices of the areas you serve. - [Maintenance mode](https://docs.fetchski-attract.com/guides/site-settings/maintenance.md): Show visitors a "back soon" page while you keep working on your site. A new site starts this way. ### Site design - [Site design](https://docs.fetchski-attract.com/guides/site-design/index.md): How your whole site looks, set in one place: colors, fonts, width, motion, header and footer. - [Colors](https://docs.fetchski-attract.com/guides/site-design/colors.md): Set your brand colors once, and every page and section follows them, in light and dark. - [Typography](https://docs.fetchski-attract.com/guides/site-design/typography.md): Choose the three fonts your whole site uses: one for headings, one for body text and one for code. - [Site width](https://docs.fetchski-attract.com/guides/site-design/site-width.md): Choose how wide your page content gets on big screens. Sections, the header and the footer all line up to it. - [Motion](https://docs.fetchski-attract.com/guides/site-design/motion.md): Turn your site's animations on or off with one switch. Visitors who prefer less motion always get a still site. - [Header](https://docs.fetchski-attract.com/guides/site-design/header.md): Style the bar at the top of every page: its shape, your logo and name, the menu links, a button and the phone menu. - [Footer](https://docs.fetchski-attract.com/guides/site-design/footer.md): Style the footer that closes every page: its background, logo, link columns, marquee, big watermark word, copyright line and social icons. - [Buttons and card styles](https://docs.fetchski-attract.com/guides/site-design/buttons-and-card-styles.md): Every button on your site shares one set of options, and every card section shares one set of card looks. Here's how they work. - [Custom CSS](https://docs.fetchski-attract.com/guides/site-design/custom-css.md): Restyle a named part of your site, such as a heading, a card or a button, with your own CSS: for every section of a kind, or for one section. ### Connections - [Connections](https://docs.fetchski-attract.com/guides/connections/index.md): One safe place for every outside service your site uses: email, spam protection, Google, Instagram, ads, analytics and FetchskiAI. - [Google Business Profile](https://docs.fetchski-attract.com/guides/connections/google-business-profile.md): Connect your Google listing once, then edit its details, reply to reviews, post updates and read its performance without leaving the CMS. - [Google Reviews connection](https://docs.fetchski-attract.com/guides/connections/google-reviews.md): Bring your Google reviews onto your site automatically, on a schedule you choose. - [Google Maps](https://docs.fetchski-attract.com/guides/connections/google-maps.md): Add the Google Maps key that draws your service area map, and keep it safe with Google's website restriction. - [Google Sheets](https://docs.fetchski-attract.com/guides/connections/google-sheets.md): Connect Google Sheets once, so any form can add each new submission to a spreadsheet as it arrives. - [Instagram](https://docs.fetchski-attract.com/guides/connections/instagram.md): Connect your Instagram account, and your latest posts arrive on your site on their own. - [Photo storage](https://docs.fetchski-attract.com/guides/connections/photo-storage.md): Connect the cloud storage where your photos live, so photo feeds can fill your galleries from it. - [Embed scripts](https://docs.fetchski-attract.com/guides/connections/embed-scripts.md): Add a chat window, an analytics tag, an ad pixel or any code a service gives you, and keep your policies and cookie banner right. - [Conversion tracking](https://docs.fetchski-attract.com/guides/connections/conversion-tracking.md): Record the actions that matter, such as a booking or a form sent, and tell your ad platforms which ads brought them. - [Analytics](https://docs.fetchski-attract.com/guides/connections/analytics.md): Count your visitors with Plausible, and see your traffic right inside the CMS. - [Request log](https://docs.fetchski-attract.com/guides/connections/request-log.md): Keep your own record of every page view, with the ad, campaign or email that brought each visitor. - [API keys and webhooks](https://docs.fetchski-attract.com/guides/connections/api-keys-and-webhooks.md): Let another system work with your site: give it a key to read and write, or send it each form and conversion as it happens. ### People and access - [People & Roles](https://docs.fetchski-attract.com/guides/people/people-and-roles.md): Decide who can do what on your site: give people roles and permissions, make your own roles, and see every change to access. - [What each role can do](https://docs.fetchski-attract.com/guides/people/what-each-role-can-do.md): Owner, Admin, Editor, Contributor and Viewer in plain words, with a table of who can do what. ## FetchskiAI ### FetchskiAI - [FetchskiAI](https://docs.fetchski-attract.com/fetchskiai/overview.md): AI help built into your site: an agent that builds pages with you, writing help, images, SEO and more. - [FetchskiAI settings](https://docs.fetchski-attract.com/fetchskiai/settings.md): Turn FetchskiAI on for your site, tell it how to write, and see the AI budget. - [The FetchskiAI Agent](https://docs.fetchski-attract.com/fetchskiai/agent.md): Ask in plain words, and the Agent builds or changes the page you're on. You review and publish. - [Edit a section with FetchskiAI](https://docs.fetchski-attract.com/fetchskiai/edit-a-section.md): Point the FetchskiAI Agent at one section and say what to change. - [Agent Setup](https://docs.fetchski-attract.com/fetchskiai/agent-setup.md): Tell the FetchskiAI Agent about your business, and choose its model, limits, web browsing and memory. - [Writing help in rich text](https://docs.fetchski-attract.com/fetchskiai/writing-help.md): Improve, expand, summarize or rewrite text you've selected, or have FetchskiAI write new text at the cursor. - [SEO suggestions](https://docs.fetchski-attract.com/fetchskiai/seo-suggestions.md): Let FetchskiAI suggest a search title and description from what's on the page. - [Generate a blog post](https://docs.fetchski-attract.com/fetchskiai/blog-posts.md): Describe a post, and FetchskiAI writes a full draft you can edit right away. - [Image generation](https://docs.fetchski-attract.com/fetchskiai/image-generation.md): Describe a picture, choose from up to 4 options, and save the one you like to your library. - [Skills](https://docs.fetchski-attract.com/fetchskiai/skills.md): Give FetchskiAI know-how for the tasks you repeat: write your own Skills, or add proven ones. - [Memory](https://docs.fetchski-attract.com/fetchskiai/memory.md): The notes the FetchskiAI Agent keeps about your site, and how to read, correct or write them. - [Custom instructions](https://docs.fetchski-attract.com/fetchskiai/custom-instructions.md): Tell FetchskiAI how your business writes, and how you like to work, once. - [Usage and budget](https://docs.fetchski-attract.com/fetchskiai/usage-and-budget.md): See what FetchskiAI costs your site each month, by feature, person and model, and how much budget is left. - [FetchskiAI Recordings](https://docs.fetchski-attract.com/fetchskiai/recordings.md): Look back at every AI request: what it cost, how many tokens it used, and what your Skills added. - [AI Playground](https://docs.fetchski-attract.com/fetchskiai/playground.md): Try a prompt on any model, or two models side by side, and see what each reply costs. - [Code Sandbox](https://docs.fetchski-attract.com/fetchskiai/code-sandbox.md): A safe, throwaway place where the FetchskiAI agents can run small programs to check their work. - [Good prompts](https://docs.fetchski-attract.com/fetchskiai/good-prompts.md): Examples that get great results from the Agent, writing help, image generation and blog posts. ## Recipes ### Laravel AI SDK - [Translate your whole site into a new language, with Laravel](https://docs.fetchski-attract.com/recipes/laravel-ai-translate-your-site.md): One Artisan command adds a language to your site and has a Laravel AI SDK agent translate every page, blog post and FAQ, and your header, footer and cookie banner, into it, as drafts with private preview links, keeping your links, images and names. ### AdonisJS + OpenRouter Agent - [Turn a voice memo into a blog post draft](https://docs.fetchski-attract.com/recipes/adonis-agent-voice-memo-to-blog-post.md): An AI agent in your AdonisJS app turns a voice memo's transcript into a checked draft post on your site, in your own words, with a private preview link for review. - [Update your service map from a plain-English note](https://docs.fetchski-attract.com/recipes/adonis-agent-service-map-from-a-note.md): Tell an Ace command what changed, the way you'd tell a colleague: an AI agent checks every zip code, asks you about anything odd, shows its plan, and saves it as drafts for review once you say yes. - [Translate your whole site into a new language](https://docs.fetchski-attract.com/recipes/adonis-agent-translate-your-site.md): One command in your AdonisJS app adds a language to your site and has an AI agent translate every page, blog post and FAQ, and your header, footer and cookie banner, into it, as drafts with private preview links, keeping your links, images and names. ### TypeScript + Deep Agents - [Find where your website contradicts itself, and fix it](https://docs.fetchski-attract.com/recipes/deep-agents-contradictions.md): A LangChain deep agent reads every page, post and FAQ, finds the facts your site states two ways, asks you which is true, and drafts every fix for you to approve. - [Give your whole website one voice](https://docs.fetchski-attract.com/recipes/deep-agents-one-voice.md): A LangChain deep agent learns how you sound from the pages you pick, writes a voice guide you approve, then rewrites every page, post and FAQ in that voice, each draft waiting for your yes. - [Keep your whole site in one design, and readable](https://docs.fetchski-attract.com/recipes/deep-agents-one-design.md): A LangChain deep agent remembers how every page looks, checks each text color against WCAG contrast in code, finds the sections that drift from your site's design, and drafts the fixes for you to approve. - [Translate your whole site, with you approving every page](https://docs.fetchski-attract.com/recipes/deep-agents-translate-your-site.md): A LangChain deep agent adds a language to your site, keeps a glossary of your names in its long-term memory, and has a translator subagent translate every page, post and FAQ, and your header, footer and cookie banner, each draft waiting for your yes. ### Set up for you by Fetchski - [Your website matches what you sell, at the prices you charge](https://docs.fetchski-attract.com/recipes/website-matches-your-bookings.md): Whenever your services or rates change in the Fetchski Reservation System, and once a week, it finds what your Attract site advertises that your configuration contradicts, emails you the report, and can have your CMS's own site agent draft the fixes for review. - [Keep your FAQ in step with what your team tells customers](https://docs.fetchski-attract.com/recipes/faq-from-your-conversations.md): Every day Fetchski Engage notes what your team answered customers; each week it finds the questions people keep asking, and drafts the FAQ entries and corrections your site needs. ### n8n - [Authenticate from n8n](https://docs.fetchski-attract.com/recipes/n8n-authenticate.md): Call the Attract API from n8n's HTTP Request node: with your API key's token alone, or with the token and an HMAC signature made by n8n's Crypto node. - [List pages, then get each one](https://docs.fetchski-attract.com/recipes/n8n-list-pages-then-get-each.md): One HTTP Request node lists your pages' ids, Split Out makes each page its own item, and a second HTTP Request node gets every page by its id. - [TypeScript (470 pages)](https://docs.fetchski-attract.com/_llms/type-script.txt): Get started, Using the SDK, Going further, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics. - [Laravel (472 pages)](https://docs.fetchski-attract.com/_llms/laravel.txt): Get started, Using the SDK, Going further, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics. - [AdonisJS (469 pages)](https://docs.fetchski-attract.com/_llms/adonis-js.txt): Get started, Using the SDK, Going further, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics. - [API reference (484 pages)](https://docs.fetchski-attract.com/_llms/api-reference.txt): Get started, How the API works, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics, Signing in (people). ## OpenAPI Specs - [openapi](/api-reference/openapi.yaml) > The links below point to documentation indexes. Follow each `/_llms/` index recursively until you reach documentation pages. ## Indexes - [TypeScript (470 pages)](https://docs.fetchski-attract.com/_llms/type-script.txt): Get started, Using the SDK, Going further, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics. - [Laravel (472 pages)](https://docs.fetchski-attract.com/_llms/laravel.txt): Get started, Using the SDK, Going further, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics. - [AdonisJS (469 pages)](https://docs.fetchski-attract.com/_llms/adonis-js.txt): Get started, Using the SDK, Going further, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics. - [API reference (484 pages)](https://docs.fetchski-attract.com/_llms/api-reference.txt): Get started, How the API works, Pages & Site, Content, Media, Forms, Ads & Conversions, Analytics, Signing in (people). - [API reference / Content (213 pages)](https://docs.fetchski-attract.com/_llms/api-reference/content.txt): Blog Posts, Blog Categories, Authors, Team Members, Testimonials, FAQ Items, FAQ Categories, Google Reviews, Instagram Posts, Service Areas, Cookies. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.