How to use Shopify Customer Form Button Element

About Shopify Customer Form Button ElementClick to copy

Summary: The Shopify Customer Form Button element is designed to empower you with customization capabilities for your form. By incorporating this element, you can tailor the appearance and functionality of your form to align with your brand identity and specific requirements.

This ensures an enhanced user experience and maintains consistency across your website.

Please note that the Customer Form Button element can’t live outside a Customer Form. Before adding the Customer Form Button element, it’s crucial to have already dragged a Customer Form element into your layout.

All data collected by the Customer Form will show up in the Customers of your Shopify admin.

For additional details, please check this video tutorial:

How To Access Customer Form Button ElementClick to copy

To access the feature of the Customer Form Button element, follow these steps:

  • Step 1: Click on the 3rd icon in the Element Catalog which is the Add Shopify element function.
  • Step 2: Click on the Customer Form Button element in the dropdown menu.
  • Step 3: Drag and drop the element into the page editor and then start using it.

Customer Form Button

How To Configure (Setting) For Customer Form Button ElementClick to copy

This element comes with plenty of parameters allowing you to fine-tune content appearance to reach the best possible conversion rate.

Select the element in the layout to see its parameters.

Customer Form Button

The parameters in the General and Styling tabs are specific for this element.

General SettingsClick to copy

Button Type:
  • Text only
  • Text with icon
  • Icon only
Customer Form Button
Button Text: Name of the button Customer Form Button
Enable Full Width: You enable to show the button full width by select Yes or No Customer Form Button
Tracking: This is a place to set up
  • PageFly events.
  • Google Analytics
  • Facebook Pixel
Customer Form Button

You can get further information about  VISIBILITY, ATTRIBUTES, ANIMATION parameters here.

Styling SettingsClick to copy

You can check more information about the Styling tab here.

Common CasesClick to copy

  • The Customer Form Button Element is designed to function seamlessly within the Customer Form layout. It’s crucial to confirm the presence of the Customer Form element on the page. Failure to nest the button within the Customer Form may result in functionality issues, causing potential disruptions to the user experience.

Frequently Asked QuestionsClick to copy

What Are Form Buttons?Click to copy

Form buttons allow the user to submit the filled-in form upon need. The Shopify Customer Form Button must come with a customized form, which sellers could set up together while creating their CTA section.

How Many Button Types Are There?Click to copy

There are three: Text only, Text with icon and Icon only.

How Many Ways To Track Button Performance Are Available?Click to copy

There are three available methods for tracking button performance: through PageFly events, Google Analytics events, and Facebook Pixel. These options can be customized within the PageFly admin dashboard to suit your needs.

Additional ResourcesClick to copy

How to Use Shopify Customer Form

How to Use Shopify Contact Form Button

Thank you for your feedback!

Navigate this category

Could not find the answer
to your question?

Chat with us
Get 20% off TinyIMG and PageFly to build a mobile commerce store from our ebook 📱📈 Get It Now