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?
    • 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
  • About Integrations Between PageFly And Partners
  • How To Access And Use Third-Party Apps With PageFly
  • What Apps Does PageFly Integrate With
  • Tips & Best Practices

Was this helpful?

Edit on GitHub
  1. Integrations
  2. Third-party Elements

Upload Fields

Last updated 5 days ago

Was this helpful?

About Integrations Between PageFly And Partners

PageFly has integrated with a wide range of third-party apps to help users enhance their online stores. Upload Fields apps give your customers more control and flexibility in their shopping experience. From personalized product options to convenient file uploads, these apps offer a range of features to boost conversions and customer satisfaction.

How To Access And Use Third-Party Apps With PageFly

There are 2 ways to access and enable each third-party app that PageFly is integrated with:

  • From editor page

  • From Integrations page

Please check on this article to learn more on .

What Apps Does PageFly Integrate With

First of all, before using these 3rd party app elements, please make sure that you install in your store.

Here is a list of all “Upload Fields" third-party apps that have integrated with PageFly:

Zepto – Product Personalizer

Before using this element, you have to install the app and configure all options in this app and then come back to PageFly to use the element(s) for the corresponding product(s) you want.

Important note:

The Product Personalizer element can be displayed on any page such as home page, regular page, collection or product pages, etc. You can only use the Product Personalizer element one time on a page, and it must stay inside the Product Details element.

  • In the Product page, Zepto – Product Personalizer elements will depend on the products which you select in your Page Settings modal.

  • For the other pages, you can select a specific product with the parameters in the General tab. You can read more here about the parameters in the General tab.

File Uploads by UploadKit

Important note:

  • In the Product page, the Upload Fields element will depend on the selected products in your Page Settings modal.

  • For the other pages, you can select a specific product with the parameters in the General tab of the Upload Fields element.

  • The Upload Fields element can be displayed on any page such as your homepage, regular page, collection or product pages.

  • You can use the Upload Fields element as many times as you want on a particular page. However, you can only use one Upload Fields element in a Product Details element.

  • Upload Fields element must stay inside the Product Details element.

Product Options & Customizer

Important note:

The Product Options and Customizer element can be displayed on any page such as the home page, regular page, collection or product pages, etc. You can use the Product Options and Customizer element many times on a page.

  • The Product Options and Customizer element must stay inside the Product Details element.

Textbox - Textfield By Textify

Important note:

  • Textbox - Textfield element comes in 1 variation: Textbox by Texttify

  • The element ONLY works on Product pages and must be inside the Product Details element

  • The element can be used one time per page.

Upload‑Lift Image Upload

Important note:

  • This element can work on all page types

  • It must be inside the product details element

Mini: Customization Fields

Important note:

  • Element ONLY works on Product pages and must be inside Product Details element

  • The element can be used one time per page

Tips & Best Practices

We strongly recommend using the Shopify App Block Element for third-party app integration. Available for Shopify theme OS 2.0, this feature simplifies adding third-party app functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store's capabilities.

Before using this element, you have to install the app and for the product(s) you want in the File Uploads by UploadKit app then come back to add the element on the corresponding product(s).

Before using this element, you have to install the by Product Customizer app to your store and configure all options in the app and then come back to PageFly to use the element(s) for the corresponding product(s) you want.

In the Product page, the Product Options and Customizer element will depend on your selected products in your Page Assignment – . Once you drag the element into the Editor, it will pull all product options of the assigned product on your live page.

For the other pages, you can select a specific product with the parameters in the General tab. You can read more about the parameters in the General tab.

Before using this element, you have to install the app to your store and in the app and then come back to PageFly to use the element(s) for the corresponding product(s) you want.

Before using this element, you have to install the app to your store, configure all options, and then come back to PageFly to use the element(s) on all of your PageFly pages.

Before using this element in PageFly, you have to Install app to your store and configure all options in the app.

For detailed setup guidance, refer to our . This simple change can substantially improve your third-party app integration and overall store performance.

how to access and use third party apps with PageFly
PageFly
Zepto – Product Personalizer
File Uploads by UploadKit
set up all options
Product Options and Customizer
Page Settings modal
here
Textbox ‑ Textfield by Textify
configure all options
Upload‑Lift Image Upload
Mini: Customization Fields
App Block article