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. 💌
*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