Hub/Theme/Add an Animated Text Hero Section
Task IntentTheme

Add an Animated Text Hero Section

Create a hero section with rotating or typing animated text to grab visitor attention.

What This Sidekick Query Does

Create a hero section with rotating or typing animated text to grab visitor attention.

Prompt / Skill

Copy, adapt, and run this prompt or skill workflow directly in Shopify Sidekick.

Create a hero section on my homepage with animated text. Display the static text [STATIC_TEXT] followed by a rotating word that cycles through these options: [WORD1], [WORD2], [WORD3], [WORD4]. Use a [ANIMATION_TYPE] animation style (options: typing, fade, slide-up) for the word rotation. Each word should display for [DISPLAY_SECONDS] seconds before transitioning. Set the background to [BACKGROUND_COLOR] or use image [BACKGROUND_IMAGE_URL]. The heading should be [HEADING_SIZE] pixels in [TEXT_COLOR] color. Add a subheadline [SUBHEADLINE_TEXT] below the animated heading. Include a CTA button labeled [CTA_TEXT] linking to [CTA_URL]. Set section height to [HEIGHT] pixels.

Expected Output

Create a hero section with rotating or typing animated text to grab visitor attention.

Tips to Improve Results

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions
Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & Manage AI skills for Sidekick. Discover AI skills from other merchants.

Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.