Call to Action

The Call to Action is a simple component designed to quickly draw your visitors attention to a bit of text and button, which you may wish to link to an important web page, an upcoming event or sign up page.

Tips


Instructions

Call to Action

In this tutorial, we’ll demonstrate how to update the Call to Action component. The Call to Action component is basically a single line of text, and a button that links to a page in your website. You can use this component to draw your visitors attention to a new product, upcoming event or special service ( these are just a few of the standard uses!, be creative! ).

With the Call to Action, it’s just a matter of updating the text, the button name, and linking the button to a page. You can remove the text or the button as well, and just use part of the component as your Call to Action.

NEW! Quick Edits!

Something new we’ve added to our Bootstrap themed templates is the ‘Design View’ Quick Edits option. As you’re working in your page, you’ll now see a Component ‘Quick Edit’ placeholder image. To quickly open the Accordion Panel Library page for editing, just right click on the placeholder image, and select Open file:/// .. your Library page will open, and you can quickly edit the content.
Video Demonstration: Call to action quick edit

  1. First, locate the component placeholder in your page.
  2. Right click on the placeholder and select ‘Open file:///…’
  3. You components Library page will open in a new window, ready for editing.

Removing the Call to Action

Video Demonstration: Call to action remove component

You can remove the Call to Action component as you would any of our Library components.

Here’s a link to our tutorial for removing components.

Updating the text

Video Demonstration: Call to action update text and button

  1. Expand the Library / components / call-to-action (folder).
  2. Double click on the ‘call-to-action.htm’ page to open.
  3. You would edit the text as normal HTML text, here’s a tutorial with basic and advanced tips.

Updating the button

Video Demonstration: Call to action update text and button

  1. Expand the Library / components / call-to-action (folder).
  2. Double click on the ‘call-to-action.htm’ page to open.
  3. You would edit the ‘button’ as regular HTML button, here’s a tutorial with basic and advanced tips.

Call to Action

In this tutorial, we’ll demonstrate how to update the Call to Action component. The Call to Action component is basically a single line of text, and a button that links to a page in your website. You can use this component to draw your visitors attention to a new product, upcoming event or special service ( these are just a few of the standard uses!, be creative! ).

With the Call to Action, it’s just a matter of updating the text, the button name, and linking the button to a page. You can remove the text or the button as well, and just use part of the component as your Call to Action.

NEW! Quick Edits!

Something new we’ve added to our Bootstrap themed templates is the ‘Design View’ Quick Edits option. As you’re working in your page, you’ll now see a Component ‘Quick Edit’ placeholder image. To quickly open the Accordion Panel Library page for editing, press and hold the ( Alt ) key on your keyboard, while you click on the ‘pladeholder’ image, then click on ( call-to-action.lbi ) .. your Library page will open, and you can quickly edit the content.
Video Demonstration: Call to action quick edit

 

Removing the Call to Action

You can remove the Call to Action component as you would any of our Library components.

Here’s a link to our tutorial for removing components.

Updating the text

Video Demonstration: Call to action update

  1. Expand the Library / components / call-to-action (folder).
  2. Double click on the ‘call-to-action.lbi’ page to open.
  3. You would edit the text as normal HTML text, here’s a tutorial with basic and advanced tips.

Updating the button

Video Demonstration: Call to action update

  1. Expand the Library / components / call-to-action (folder).
  2. Double click on the ‘call-to-action.lbi’ page to open.
  3. You would edit the ‘button’ as regular HTML button, here’s a tutorial with basic and advanced tips.