How to use Shopify Customer Form Button Element

About Shopify Customer Form Button ElementClick to copy

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 “Element” button icon.
  • Step 2: Switch to the “Shopify” tab.
  • Step 3: Scroll down to the “Form” section and select the “Customer form button” option.
  • Step 4: Drag and drop the “Customer form button” element into the page editor and then start using it.

How To Configure 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.

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
Button Text: Name of the button
Enable Full Width: You enable to show the button full width by select Yes or No
Align Self: There are three alignment options:
  • Up
  • Center
  • Down
Tracking: This is a place to set up
  • PageFly events.
  • Google Analytics
  • Facebook Pixel

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

1. What are form buttons?

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.

2. How many button types are there?

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

3. How many ways to track button performance are available?

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
Great news! PageFly Help Center is now available in Japanese 🇯🇵. Explore now by switching the language in the Header section ☝️