Manually writing meta descriptions for 60+ dynamic pages is a designer's nightmare. In this video, I walk you through my "Designer to Fullstack" workflow for partial automation of SEO using Wix Studio's dynamic pages and Google Gemini. We’ll cover how to export your CMS data, how to prompt AI to write compelling summaries that follow strict SEO character limits, and how to link variables from the CMS to your SEO outputs for dynamic pages. In this video, you will learn: How to set up a custom Meta Description field in the Wix CMS. How to use Google Gemini to parse Wix Rich Text/JSON data. The iterative prompting process to get perfect, non-truncated meta descriptions. Timestamps: 0:00 Intro: Automating Wix Studio SEO 0:11 Setting up Experiences as Dynamic Pages 1:13 Configuring Dynamic Page SEO Basics & Variables 2:20 Why we need a custom Meta Description field 3:08 Generating descriptions with Gemini 3:16 The "annoying" Wix Studio import limitation 4:34 Step 1: Exporting your CMS to CSV 5:04 Communicating with AI: The Prompt Process 6:03 Refinement: Removing repeated titles 6:30 Refinement: Avoiding truncation & ellipses 7:54 The Master Script: 4 Rules for AI SEO 8:43 Technical Deep Dive: How Gemini parses Wix JSON objects 9:08 Updating the CMS: Why I chose manual copy-paste 10:19 Joy of the Day About Designer to Fullstack: Helping designers bridge the gap between visual communication and technical execution. I'm all in on solving "cumbersome" problems with smart workflows so you can get back to what brings you joy. #WixStudio #SEO #GoogleGemini #WebDesign #Automation #DesignertoFullstack #CMS _____________________________________________________________ *JOIN MY EMAIL LIST* Love quick, helpful tutorials? You’ll love the emails too. 💌 https://designertofullstack.com/join-the-list/ *ABOUT ME* Hello, world. I’m *Kelly Barkhurst* —an experienced Mac-based full-stack designer, educator, and entrepreneur passionately blending artistic vision and creativity with deep technical expertise. With a BFA and MFA in Graphic Design and a certificate in Full-Stack Web Development, I’m uniquely positioned to work at this intersection of design and tech. My driving force is creating meaningful solutions and helping clients and students do the same. *What’s Kelly’s superpower?* It’s using design thinking to strategically plan the BIG picture, then diving deep into the technical “weeds” to bring that vision to life—through beautiful visual design, compelling writing, or well-crafted, functional code. *What brought you JOY today? * 👇 Share in the comments below *SOCIALS* https://twitter.com/@designer2fstack https://www.facebook.com/designertofullstack https://www.youtube.com/@UCWk0aZ-yFzCQX5bMLaISrog

InDesign Tutorial: How to Update "Section" Headers & Marker Variables
103 views

Why You Can’t Edit That! InDesign Master Pages & Linked Files Explained
107 views

WordPress Community Q&A: Desktop vs. Mobile Layout Alignment - Restaurant Menu
22 views

Improve Your Webflow SEO in Seconds: The "Convert To" Heading Trick
44 views

Photoshop Layer Masks vs. Clipping Masks Explained: How to Recreate The Economist Magazine Style
66 views

Get Perfect White & Black Colorized Product Previews in Shopify | Photoshop Workflow
23 views