Direct to a link, a section, a pop-up, an email address or a phone number by Click Action

In this article, you will learn how to direct a click action to a link, a section, an email address and/or a phone number to an element so your customers can quickly access the other links, section, send an email or make a phone call to you without leaving the page.

This tip can be applied to any type of page and is super handy when applied to the Contact page of your store with direct email submission and phone dialing.

This video tutorial will give you the details about setting up Click action:

 

Customize your pages with PageFly for Free here

  • Step 1: Select the element you want to insert a direct link to (a button, an icon or a block – check the breadcrumbs to make sure you got the right one)
  • Step 2: Go to General tab > ACTION > Click Action > Choose the first icon named Go to URL.
  • Step 3: Insert your URL by pasting the URL you want in the box. If you want it linked to any collections/products/pages/blog posts in your store, you can tap on the corresponding button.
  • Step 4: Turn on Open in new tab so it directs the action to a different tab (optional).

You can upload a PDF file to a button for customers to download it. Check this article for more details.

Direct to an internal section of the page

Name the section

If you want to direct the element to an internal section of the page, you need to name the section first.

Note: All your sections in the page editor are automatically named as ‘Section’, so in order to choose the right section, it is suggested to change the name of each section to categorize it clearly.

The gif below will give you a better demonstration of how to do this. You can change your section name is by using the ATTRIBUTES setting:

You can check this video of how to name a section:

Direct to an internal section of the page

  • Step 1: Select the element you want to insert a direct link in (a button, an icon or a block – check the breadcrumbs to make sure you got the right one)
  • Step 2: Go to General tab > ACTION > Click Action > Choose the second icon named Scroll to section.
  • Step 3: Choose section in Scroll to section drop-down box.

This gif will give you a better demonstration of how to link an element to a specific section of an existing page.

This video will give you a better demonstration of how to link an element to a specific section of an existing page

Open pop-up content

This click action helps you to open a pop-up content window of a Youtube video or other store content (such as a collection, a product, a blog post).

  • Select the element you want to insert the link in (a button, an icon or a block – check the breadcrumbs to make sure you got the right one).
  • Go to General tab > ACTION > Click Action > Choose the fifth icon named Open Pop-up.
  • Choose the Pop-up content in the drop-down menu: Youtube Video or Store Content then insert the URL and modify other settings to the respective content.

  • Step 1: Select the element you want to insert the link in (a button, an icon or a block – check the breadcrumbs to make sure you got the right one).
  • Step 2: Go to General tab > ACTION > Choose the fourth icon named Call Number of the Click Action option
  • Step 3: Put the phone number in the box. For example: (+0) 111 222 333.

  • Step 1: Select the element you want to insert the link in (a button, an icon or a block – check the breadcrumbs to make sure you’ve selected the right one).
  • Step 2: Go to General tab > ACTION > Choose the third icon named Send Email of the Click Action option like the image below.
  • Step 3: Click the icon in the Send Email box to insert the email details (including email address, email subject, email content).

Finally, Save & Publish to check the result on your Live page.

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!
Learn the E-commerce Knowledge to Help You Grow Your Business. Explore Now