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.

  • 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)
  • Go to General tab > ACTION > Click Action > Choose the first icon named Go to URL.
  • Insert your URL by click icon in the Go to URL box.
  • Turn on Open in new tab so it directs the action to a different tab (optional).

Direct to an internal section of the page

  • 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)
  • Go to General tab > ACTION > Click Action > Choose the second icon named Scroll to section.
  • Choose section in Scroll to section drop-down box.

click action section

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


Please note that all your sections in 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. See the video below for more details.

Another way to change your section name is by using the ATTRIBUTES setting:

click action section name

This video will show you a specific demonstration on how to name a section

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.

click action pop up

  • 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 > Choose the fourth icon named Call Number of the Click Action option
  • Put the phone number in the box. For example: (+0) 111 222 333.

click action call

  • 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).
  • Go to General tab > ACTION > Choose the third icon named Send Email of the Click Action option like the image below.

click action email

  • Click icon in the Send Email box to insert email address.

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

Was this helpful?

Start your free 14-day trial
of PageFly

.myshopify.com
Don’t have Shopify store yet? Create store
×