← Video Library · Gamma
Gamma AI Transforms Prompts into Websites
Published April 16, 2025 · 4,071 views on YouTube
Key takeaways
- You generate a Gamma website the same way as a presentation, but by switching the artifact to Web Page, which triggers website-specific layouts, full-bleed hero cards, and default CTA sections.
- Any embeddable tool (forms, chatbots, AI assistants) can go into a Gamma site as an iframe, regardless of which embed type you pick in the menu, as long as the target URL supports iframing.
- Pointing a full custom domain at Gamma hands over the entire domain, so to keep an existing site intact, set up a subdomain (like gamma.yoursite.com) for the Gamma-built page instead.
- Gamma auto-fills page SEO descriptions from your first card's content, but does not currently offer manual control over alt text, meta keywords, or a separate mobile/tablet editing view.
- Import from URL pulls your existing site's text (not its visuals or images) into a new Gamma draft, and a 'preserve' setting keeps that original copy intact during generation.
How do you generate a website in Gamma?
You generate a website the same way you generate a presentation, but switch the artifact type to Web Page before hitting Generate. Gamma then chooses website-specific layouts, adds a header, includes call-to-action and “let’s connect” sections by default, and uses full-bleed hero cards that span the full width of the screen for high-impact sections.
What steps does generating a Gamma website involve?
- Click Generate and switch the artifact selector to Web Page, then describe what you want (for example, “a landing page for an entrepreneur who helps people get hired in tech”).
- Pick a theme, the number of text-per-card, and an image model, the same setup used for presentations.
- Hit Generate. Gamma produces website-style content and layout, including a header, CTAs, and full-bleed sections.
- Customize the header: click the logo to open the image picker (upload your own or generate a placeholder), add links to other pages in the site, and add a button for a CTA. A button set to “mailto:” plus an email address opens the visitor’s email client.
- Open site settings (via the three-dot menu, or through the publish button’s “add custom domain” option) to rename the site, upload a favicon, hide the navbar for a single-page site, add a Google tag or Facebook pixel, and set up a domain.
- Click Publish, then View Site to see the live page.
How do you add pages, embed forms, and set up navigation?
Click the site title at the top to open the site panel, where you can add a new page (AI-generated or blank), and Gamma will surface existing pages as navbar options as you type. Anchor links work by clicking a card in the list, and the “copy card link” option on a card’s three-dot menu creates a link that jumps directly to that card and section. To embed a form, use the insert bar or type “/form” and paste in the embed link; Gamma adapts whatever URL you paste into a working iframe, so it doesn’t matter which embed type you originally selected. This same iframe approach is how the workshop demonstrated embedding a Pickaxe AI assistant directly onto a Gamma page during a live Q&A test.
Can you edit URL paths, page metadata, and take pages offline?
Yes. Using the sidebar’s three-dot menu on a page, you can rename the page, edit its URL path, and edit the metadata that shows up in Google search previews. Gamma auto-fills the search description from the content of the page’s first card if you don’t write your own. Pages can also be taken offline individually, which removes them (and their links) from the published site without deleting them, useful for content still being workshopped. A preview mode shows how the site looks on desktop, tablet, and mobile, though the presenter recommended actually publishing to the free Gamma domain and checking on a real phone, since browser mobile previews don’t always match.
How does custom domain setup work, and what are its limits?
At the top of site settings is domain setup: you can connect a domain you already own (Gamma walks you through the process), or purchase one through Gamma’s domain partner. A free Gamma-branded domain is also available for testing before you commit to a custom one. The key limitation raised in the Q&A: pointing your entire existing domain at Gamma hands the whole domain over to Gamma, with no way to route only a specific folder there while the rest of the site stays elsewhere. The workaround suggested was to set up a subdomain (for example, gamma.yoursite.com) for the Gamma-built page and keep the main site on the root domain, since domain owners control all of their subdomains.
What are the current SEO and editing limitations in Gamma sites?
Per the live Q&A, Gamma does not currently offer manual editing of image alt text, meta keywords, or heading tags; the per-page description shown in search previews is the one editable SEO field, auto-filled from the first card unless you overwrite it. There’s also no way to edit the tablet or mobile view separately from desktop, and no support for adding custom HTML or script tags, so third-party embeds (like some WordPress plugin forms) will only work if they can be embedded as a plain iframe.
How do Gamma’s website, social carousel, and other artifacts relate?
Gamma treats “website,” “presentation,” “document,” and “social” as different artifacts that reshape the same underlying content. Social carousels support square, portrait, and 4x5/9x16 formats for platforms like LinkedIn, Instagram, and TikTok, with settings for base font size, scale-to-fit, content alignment, and card backdrops. Cards have a minimum height but no maximum, so long content can extend past the “squareness” line during editing, then export at that longer length. Branding (fonts, colors, logo) is controlled at the theme level rather than per element, including support for uploading custom brand fonts and logos that then carry across every artifact built from that theme.
Full video transcript
This is day two of the Gamma Lab for the 2025 Scale with AI Summit. After a brief recap of day one’s content, generating in Gamma, paste-in and import flows, themes, branding, and AI images, the presenter (Allison) moves into newer Gamma features: websites and social media carousels.
Gamma is a platform best known for AI presentations, but its stated mission is helping people bring ideas to life without needing design or technical skills. The websites feature and the social carousel feature both grew out of users building those things inside the presentation tool and asking for dedicated support: “I used Gamma to make my website, how can I publish this thing?”
Before building live, Allison shares real examples: an in-depth school website using nested disclosure/toggle features to organize a lot of content without overwhelming visitors; a LinkedIn carousel with custom diagrams; a personal website for her dog (recommended as a low-stakes way to get comfortable with the platform); and a longtime user, Jordan Crawford, who has used a Gamma-built site to represent his business for over a year.
To generate a website, you hit Generate, switch the artifact to Web Page, and describe what you want, in this case a landing page for a tech-hiring entrepreneur. A viewer question interrupts: can you integrate a blog into a Gamma website, and are there lead-page integrations? Allison says native blogging is on the radar but not promised; for now, the recommendation is to run a blog on a platform you’re comfortable with and link out to it from the Gamma site, or embed posts as cards. For lead pages, there’s no native integration; embedding a form tool like Typeform works, and native forms are something the team wants to build.
Generating the website shows website-specific behavior: a header appears, layouts lean “websitey” with more CTAs and connect sections, and cards default to full-bleed (no background, full width), good for high-impact hero sections. Header setup includes a logo (upload or AI-generated placeholder), links to other pages, and a button, commonly used for CTAs or a “mailto:” link that opens the visitor’s email client.
Site settings, reachable via a three-dot menu or the publish button, control the site name, favicon, whether the navbar shows (useful for single-page sites), Google tag/Facebook pixel analytics, and domain setup, either connecting an owned domain, buying one through Gamma’s partner, or using a free Gamma-branded domain to test.
Forms are demonstrated next: dragging a form block from the insert bar or typing “/form,” then pasting a Typeform or Google Form link. Gamma adapts whatever embed link you paste regardless of the block type you started with, and if a source can be iframed, Gamma can likely support it, even sources not explicitly listed.
Adding more pages happens through the site title menu at the top: a plus button lets you AI-generate a new page or start blank. Once multiple pages exist, Gamma surfaces them as navbar link options as you type, supports anchor links to specific cards, and lets you copy a direct card link. Renaming pages and editing URL paths happens from the sidebar’s three-dot menu, which is also where per-page SEO metadata (the search preview description) is set; Gamma auto-fills this from the first card’s content if left blank. Pages can be taken offline individually to hide them (and break their links) without deleting them. A preview mode shows desktop, tablet, and mobile views, though the presenter recommends testing on an actual phone since in-browser mobile previews aren’t always accurate.
A run of audience questions follows: WordPress plugin forms probably work if they can be iframed, but won’t if they require injected custom HTML/script tags, which Gamma sites don’t support. On SEO, alt text, keyword tags, and heading tags aren’t currently manually editable; only the per-page description is. There’s no separate tablet/mobile editing mode; Gamma aims to make responsive behavior good by default and asks users to report specific mobile issues. For updating an existing website, the recommended path is Generate → Import from URL, which scoops up a site’s text (not its visuals) and offers a “preserve” setting to keep the original copy, with an image-source option in progress to skip AI-generated images in favor of placeholders.
The session moves to social carousels: choosing Web Page vs. social artifact changes layout entirely from the same content. Carousels default to eight cards but can be trimmed; formats include square, portrait (LinkedIn), and 4x5/9x16 (Instagram Story, TikTok, updated Instagram feed sizing). Page setup controls base font size, a “scale content to fit” toggle that shrinks text to stay within card bounds, content alignment per card, and whether a card’s background color shows on export/present. Cards have a minimum height but no max, so content can extend past a card’s nominal “square” boundary during editing and export longer than expected, a known point of confusion the team calls out explicitly. Branding, fonts, colors, and logo, lives at the theme level: selecting text only offers size options, while font changes happen via “edit theme fonts,” including uploading custom brand fonts (all built-in fonts are Google Fonts, useful if exporting to PowerPoint or Google Slides).
Sharing a carousel typically means exporting as PNG (delivered as a zip file) or posting directly to LinkedIn via a new built-in flow; the export step also flags any fonts you’d need to install for correct display elsewhere. A specific card range can be selected and exported rather than the whole carousel.
Later in the session, the group revisits a question about embedding AI directly into a Gamma page. Darby demonstrates embedding a Pickaxe AI assistant link as an iframe on a Gamma page (alongside an embedded web game), noting Gamma can’t embed an entire external “studio” but can embed a single interactive link. Live audience feedback describes the resulting experience as not fully seamless (it opens as an overlay rather than staying visibly in place), and Allison acknowledges this as useful product feedback, noting embeds have historically been used mostly for lightweight things like YouTube videos or forms, and that fully interactive heavier embeds directly in the page raise performance concerns the team hasn’t fully solved. Audience members also raise wanting frictionless email opt-in embeds and an AI chat/help-bot bubble as related asks.
A final Q&A stretch: a viewer describes building a rushed but well-received landing page in Gamma using an external brief with exact brand colors, but struggling to route it as a homepage while linking seamlessly to the rest of an existing site. The answer, again, is that custom domains routed to Gamma take over the whole domain, so the recommended workaround is a subdomain. The same viewer asks about losing an image’s original framing after editing copy and trying to resize; the presenter points to the “scale to fit” setting and dragging image size manually, but concedes there’s no permanent fix for keeping specific text-in-image framing intact through edits, short of creating a new image.
The session closes with a reminder that Scale with AI Summit attendees get a free month of Gamma Pro at gamma.app, and that in-app feedback can be shared by clicking the feedback bubble and mentioning the summit so the Gamma team can follow up directly.