LogoLogo
Back to PageFly.ioVideo Tutorials
English 🇺🇸
English 🇺🇸
  • PageFly Help Center
  • Getting Started
    • Overview
    • Quick start
      • How to Install PageFly
      • How To Use PageFly | Get started in 5 mins
      • How to Create a New Page from PageFly Templates
      • How can I access the PageFly LiveChat?
      • How PageFly work with your Shopify theme?
    • Pricing and billing
      • PageFly pricing plan
      • How PageFly billing work?
      • What happens if I uninstall PageFly?
      • PageFly refund policy
  • Pages & Sections Creation
    • Overview
    • General
      • Setting up PageFly Pages
      • What type of pages that PageFly support?
      • How to use PageFly pages and sections?
      • How to export and import PageFly pages and sections
    • Pages
      • How to create a Homepage with PageFly?
      • How to create a Product page with PageFly
      • How to create a Collection page with PageFly
      • How to create a Blog post page with PageFly
      • How to create a Password page with PageFly
      • How to create a FAQs page with PageFly?
      • How to create a Coming soon page with PageFly
      • How to create an About us page with PageFly
      • How to create a Contact Us page with PageFly
      • How to create a Landing Page with PageFly?
      • How to create A/B testing page with PageFly
    • Sections
      • How to use premade section and saved section to build page?
      • How to create a basic section with image and text
      • How to use parallax effect in a PageFly section?
      • How to create a full-width section in PageFly
      • How to make a sticky section without code in PageFly
  • Page Structure & Elements
    • Overview
    • Editor
      • User interface
        • How to work with PageFly editor?
        • How to work with PageFly on mobile?
        • Page Editor – Element Inspector
        • Page Editor - General Tab
        • Page Editor - Styling Tab
        • How to use Page outline to organize page layout?
        • How to make impressive mobile responsive page?
        • How to use autosave and version history ?
      • Extra Functions
        • How to manage custom option swatches for product variants?
        • How to use Global Styles to customize styles to use for all PageFly pages
        • How to use trash to manage deleted pages, sections, and media files?
        • How to Add Custom Font in PageFly
        • How to manage image and video in PageFly?
        • FlyMate - PageFly's AI Assistant
    • PageFly Elements
      • Universal Elements
      • Containers
        • Layout
        • Slideshow
        • Tabs
        • Accordion
        • Content List
      • Basic
        • Heading
        • Paragraph
        • Button
        • List
        • Icon
        • Divider
        • HTML/Liquid
      • Media
        • Image
        • Youtube video
        • Vimeo video
        • HTML video
        • Soundcloud
      • Social
        • Instagram feed
        • Facebook like & share
        • Facebook feed
        • Twitter feed
      • Advanced
        • QR code
        • Table
        • Countdown
        • Google map
        • Progress
        • Mailchimp form
    • Shopify elements
      • Custom Content
        • App blocks
      • Product
        • Product Variant Metafield
        • Product list
        • Product details
        • Product media
        • Product title
        • Product vendor
        • Product price
        • Product description
        • Product variant
        • Product quantity
        • Product Add to cart
        • Product view details
        • Product Metafield
        • Dynamic checkout button
      • Collection
        • Collection title
        • Collection image
        • Collection list
        • Collection view details
        • Collection details
        • Collection description
      • Form
        • Customer form
        • Customer form field
        • Customer form button
        • Contact form
        • Contact form field
        • Contact form button
        • Search form
      • Blog posts
        • Blog post list
        • Blog post details
        • Blog post image
        • Blog post title
        • Blog post content
        • Blog post meta
    • Optimization
      • How to use custom code editor to customize your page?
      • Page Analytics
      • How to speed up your Shopify store?
      • How to set up Facebook Pixel to understand the actions people take on website?
      • How to publish PageFly page to Shopify menu navigation?
      • How to use the Zakeke Product Customizer on PageFly pages?
      • How to use Langify to translate my page?
      • How to use Weglot to translate my pages?
      • How to use T Lab to translate PageFly’s page?
      • JSON Template with PageFly
      • How to Optimize Images with TinyIMG in the PageFly editor?
      • How to use Shoplift A/B Testing with PageFly?
      • How to use SEOAnt:AI SEO & Image Optimizer with PageFly?
      • Black Friday Sale Ideas
      • Optimize Pages for CRO with PageFly Elements
      • Optimize Sale On Valentines Day
      • How to set up Christmas Sale Page with PageFly | Best Guide in 2023
      • How to create a Flash sale section - Back to School
      • Optimize Your Store for Mother's Day: Create a Gift Guide with PageFly
    • Main Use Case
      • Align Elements on a Page
      • Direct to Links, Sections, Pop-ups
      • Edit Spacing, Margin and Padding
      • Flex Feature
      • Upload Files to Page
  • Integrations
    • Third-party Elements
      • How to activate integrated third party Shopify apps to use on your pages
      • What apps does PageFly integrate with?
      • Review & Rating
      • Upsell & Cross-sell
      • Badge & Seal
      • Appointment Booking
      • Delivery & Pickup
      • Subscriptions
      • Order Tracking
      • Upload Fields
      • Email Marketing
      • Product Information
      • Push Notifications
      • Referral & Affiliate Marketing
      • Image & Media
      • Loyalty & Rewards
      • Sustainability
      • Gifts
      • Internationalization
      • Advertising
      • Support
      • SMS Marketing
  • FAQ & Troubleshooting
    • Overview
    • FAQs
      • Issues with Shopify themes when using PageFly
      • How we comply with GDPR
      • The URL address of my page
      • PageFly Page editor - FAQs
      • Elements - FAQs
    • Troubleshooting
      • Live site issue
        • Cart Drawer does not Automatically Update
        • Responsive mobile horizontal scroll issue
        • YouTube, HTML Videos do not autoplay issue
        • Page not fully displayed in theme preview mode
        • Can't create locales file
        • Can't create theme.pagefly.liquid
        • How to hide Shopify's Default Product Details
        • PageFly Page List Won't Stop Loading
        • Remove the blank space on top of the page
        • Blog page not updated successfully
        • The page's style is broken
      • Error messages
        • PageFly Page List Won't Stop Loading
        • Page Size Limit
        • Limit elements on a page
        • Unable to import your data
        • Limit image size
        • Unknown error
  • Latest Update
    • PageFly is now compatible with Online Store 2.0
    • PageFly Referral Program
    • PageFly old pricing plan
  • PageFly Affiliate Program
    • Affiliate Success: Understanding what PageFly can do for Merchants
    • Affiliate Success: Dos & Don'ts - Everything to Know about Becoming a Successful PageFly Affiliate
    • Affiliate Success: Frequently Asked Questions
Powered by GitBook
LogoLogo

Product

  • Templates
  • Pricing
  • Happy Customer

Resource

  • Blog
  • Academy
  • Video Tutorials
  • Community
  • Feedback

Partners

  • Our Partners
  • Affiliate Program

Company

  • About Us
  • Careers
  • Privacy Policy
  • Terms of Service

Copyright © 2025 PageFly. All rights reserved.

On this page
  • Overview
  • Feature Introduction
  • Core Capabilities
  • Content Creation Intent
  • UI Modification Intent (Editor only, requires element/section selection)
  • Navigation Intent
  • Learning & Support Intent
  • Example Use Cases or Prompts
  • Step-by-step Instructions
  • Accessing FlyMate
  • Using FlyMate for Content Creation
  • Using FlyMate for UI Modifications
  • Using FlyMate for Navigation
  • Getting Help and Support
  • Monitoring and Analytics
  • Additional Notes and FAQs
  • Language Support
  • Error Handling
  • Network and Technical Issues
  • Frequently Asked Questions

Was this helpful?

  1. Page Structure & Elements
  2. Editor
  3. Extra Functions

FlyMate - PageFly's AI Assistant

Overview

Important Note: Feature is currently in beta testing phase. Only available to early-bird users and new users during initial rollout period

FlyMate is PageFly's AI-powered assistant designed to simplify, guide, and optimize every step of the page-building journey inside PageFly. This beta feature combines intelligent navigation, real-time guidance, smart content creation, and design modification to help merchants build better pages faster, easier, and with more confidence.

Prerequisites:

  • Active PageFly account

  • Access to PageFly Editor or Dashboard

  • No additional setup required - FlyMate is ready to use immediately

Feature Introduction

FlyMate serves as your AI co-pilot within PageFly, helping you navigate, learn, create, style, and optimize your PageFly store pages with real-time assistance, intelligent recommendations, and effortless design support. The AI assistant operates through natural language prompts and automatically detects your intent to provide the most relevant assistance.

Core Capabilities

FlyMate operates through 4 core Intent groups, each representing specific capability areas:

Content Creation Intent

  • Create New: Generate complete pages, sections, or individual elements based on business goals or campaign descriptions

  • Template to Section: Insert ready-made sections from PageFly's template library based on user prompts and requirements

UI Modification Intent (Editor only, requires element/section selection)

  • Element-level modifications: Style, content, and behavior changes for individual UI elements

  • Section-level modifications: Layout and styling adjustments for entire sections

  • Real-time preview: Changes are applied immediately with visual feedback

Navigation Intent

  • Internal Editor Navigation: Switch between tabs and panels (Elements, Settings, SEO, etc.)

  • External Editor Navigation: Return to Dashboard, Page List, Templates

  • External Navigation: Provides manual guidance for actions outside the current interface

Learning & Support Intent

  • Contextual Help: Step-by-step guidance based on current context

  • FAQ Access: Instant answers to frequently asked questions

  • Error Guidance: Troubleshooting suggestions for common issues

  • Tutorial Requests: Detailed walkthroughs for specific features

Example Use Cases or Prompts

Content Creation:

  • "Create a hero section for a summer sale campaign"

  • "Add a testimonial section for fashion products"

  • "Generate a countdown timer for product launch"

UI Modification:

  • "Make this section background black"

  • "Increase padding in the hero section"

  • "Center this product image"

Navigation:

  • "Open Page Settings"

  • "Switch to SEO Optimization panel"

  • "Go to Theme Style"

Learning & Support:

  • "How do I create a sticky header?"

  • "Why is my button not aligned properly?"

  • "How can I set up mobile responsiveness?"

Step-by-step Instructions

Accessing FlyMate

In PageFly Editor:

  1. Default state: FlyMate sidebar opens automatically on the right side when you enter the Editor

  2. Manual control: You can open/close FlyMate using the FlyMate tab button located in the top toolbar

  3. Interface: The chat interface is immediately available for interaction when the sidebar is open

  4. Toggle functionality: Click the FlyMate tab in the topbar to show/hide the sidebar as needed

In PageFly Dashboard:

  1. Default state: FlyMate sidebar opens automatically on the right side when you access the Dashboard

  2. If FlyMate is not open: Look for the floating FlyMate icon button in the bottom-right corner of the screen

  3. Activation: Click the floating button to open the FlyMate chat interface

  4. Interface: The chat widget provides full functionality for content creation, navigation help, and support

Additional Access Notes:

  • FlyMate maintains consistent availability across all PageFly interfaces

  • The sidebar position and functionality remain the same whether in Editor or Dashboard

  • No additional setup or configuration required - FlyMate is ready to use immediately upon access

Using FlyMate for Content Creation

Creating New Content:

  1. In the FlyMate chat interface, type your content request

  2. FlyMate will generate the requested content

  3. Review the generated section/element

  4. Added content to your page

  5. Continue building or make additional requests

Suggest Template Page:

  1. Describe the type of Page Template you need

  2. FlyMate will suggest relevant page template from PageFly's template library

  3. Select your preferred option

  4. The template is automatically inserted into your page

Using FlyMate for UI Modifications

Note: UI Modification requires you to be in the Editor with an element or section selected.

Modifying Elements:

  1. Select the element you want to modify in the Editor

  2. Type your modification request to FlyMate

    • Example: "Change button color to red"

  3. FlyMate applies the changes immediately

  4. Review the modifications in real-time

  5. Continue with additional changes if needed

Modifying Sections:

  1. Select the entire section you want to modify

  2. Describe your desired changes

    • Example: "Make this section full-width with centered content"

  3. Changes are applied automatically

  4. Verify the layout adjustments

Using FlyMate for Navigation

Internal PageFly Navigation:

  1. Request navigation to specific location

    • Example: "Open Analytics"

  2. FlyMate will either:

    • Provide a button to complete the navigation

External PageFly Navigation:

Flymate currently doesn't support users navigating outside of the PageFly App.

Getting Help and Support

Contextual Assistance:

  1. Ask questions related to your current task

    • Example: "How do I make this section responsive?"

  2. FlyMate provides relevant, context-aware guidance

  3. Follow the provided instructions

Troubleshooting:

  1. Describe the issue you're experiencing

    • Example: "My images are not displaying correctly"

  2. FlyMate analyzes the problem and provides solutions

Monitoring and Analytics

Conversation History

  • All conversations are preserved within the current session

  • Access previous exchanges through the chat panel

  • Context is maintained throughout your session

  • Note: Context is preserved even when switching between different pages

Session Management

  • Each conversation maintains context for the duration of your session

  • Starting a new conversation will reset the context

  • Session data is not shared between different PageFly accounts

Additional Notes and FAQs

Language Support

  • FlyMate supports multiple languages including English and Vietnamese

  • Language detection is automatic based on your prompt

  • Responses will match the language of your input

Error Handling

When FlyMate encounters unclear or unsupported requests:

Off-topic Requests:

  • FlyMate will politely redirect to PageFly-related tasks

  • Example response: "I'm designed to help with PageFly page building. Could you rephrase your request related to creating or editing pages?"

Unsupported Actions:

  • Clear explanation of current limitations

  • Alternative suggestions provided

  • Example: "I can't directly integrate with external services, but I can help you create a contact form section."

Ambiguous Prompts:

  • FlyMate will ask clarifying questions

  • Multiple options may be presented for selection

  • Example: "I can help with buttons. Are you looking to add a new button, style an existing one, or change button text?"

Network and Technical Issues

Offline/Connection Issues:

  • "FlyMate is currently offline. Please check your connection and try again."

  • Retry button provided for easy reconnection

  • Previous conversation context preserved during brief disconnections

UI Modification Requirements:

  • Error message: "Please select a section or element first to make modifications."

  • Guidance provided on how to select elements properly

Best Practices

  • Use specific, descriptive prompts for better results

  • Select elements clearly before requesting UI modifications

  • Review generated content for brand consistency

  • Test functionality across different devices after making changes

Frequently Asked Questions

Q: Can FlyMate work without internet connection?

A: No, FlyMate requires an active internet connection to function as it processes requests through AI servers.

Q: Does FlyMate save my conversation history between sessions?

A: Conversation history is maintained during your current session but resets when you start a new session or log out.

Q: Can I use FlyMate for multiple pages simultaneously?

A: FlyMate maintains context when switching between pages within the same session, allowing seamless work across multiple pages.

Q: What happens if FlyMate doesn't understand my request?

A: FlyMate will ask for clarification or suggest alternative ways to phrase your request. It may also provide related options that might match your intent.

Q: Can FlyMate modify content in published pages?

A: FlyMate works within the PageFly Editor environment. To modify published pages, you'll need to edit them in the PageFly Editor first.

Q: How do I toggle FlyMate on/off?

A: In the Editor, use the FlyMate tab button in the top toolbar. In the Dashboard, click the floating FlyMate icon in the bottom-right corner if the sidebar is not already open.

Q: Is FlyMate available on all PageFly interfaces?

A: Yes, FlyMate is available throughout PageFly, including the Editor and Dashboard, with consistent functionality across all interfaces.

Last updated 7 hours ago

Was this helpful?