Ask a Question ?
Design & Publish Websites Faster

How the Button App Works

How the Button App Works

In this article you will learn about the Button app, how to use it and set it up.

Preview

This is how it would look once installed with some styling.

The Button app

The Button app

Install

To install it, just like any other app, you must drag and drop the “Install New” button from the App Store.

Drag the install button to your layout

Drag the install button to your layout

Now we’ll describe the items from the app toolbar.

Labels for each item of the app toolbar

Labels for each item of the app toolbar

Duplicate App

If you hit this button, an exact copy (with styles too) will be added below the current one (on the same column).

Learn more about app versions on this article.

Move App

To move it, just drag and drop the arrow icon into the desired container.

Settings

A preview of the settings panel for the Button app

A preview of the settings panel for the Button app

Here you’ll basically find 3 things: an option to show/hide the “Slogan Text” (tagline), the labels for the form fields (you’ll see which form further on), and the check box for style propagation.

As for the form labels, there’s two things you need to know:

  1. the form is optional
  2. these are just labels, it doesn’t mean that all of them will be included on the form

To modify these options, you must click on “Form Settings” (below the button), or on “Edit Content”. But don’t despair, we’ll get to that.

For now, let’s focus on listing which labels are available for editing:

  • Name
  • Email
  • Phone
  • Address
  • City
  • State
  • Zip Code
  • Required Fields
  • Submit

In case you wonder why would you want to edit a field, think of the following example: instead of “Submit”, you can choose “Send comments”, “Email Us”, “Go!”, etc.

Edit Content

The “Edit Content” button is a way to access Content Mode, a place where you can edit all your apps in a CMS-like environment.

Here you’ll find the following sections:

  1. See Inquiries
  2. Edit Email Template
  3. Edit Form Fields
  4. Edit Content

See Inquiries

Here you will find all the emails that your visitors have sent you. You can see the details if you click on “Show” on the right on any given row.

Find out about the users that have used your form

Find out about the users that have used your form

Edit Email Template

Whenever a visitor of your site fills out the form from your button and submits it, a confirmation email is sent to that visitor.

Change the template that will be sent to the users

Change the template that will be sent to the users

In this email you can include from a “Thank you for your inquiry” message to follow up instructions to whatever you need.

Edit Form Fields

Here you can select several options for your form.

Form settings

Form settings

We have two columns of options, and we’ll start with the one on the left.

The first option, labeled “Link When Clicked”, lets you select an alternative URL instead of opening a form when a visitor clicks on your button.

You’ll need to check the box below it, “Open Link in New Window (only if using a link above).

Next we have the “Redirect to URL After Submission (Optional)”. If you don’t specify a custom link on the field above, you can let your users see another page (internal or external) after they’ve sent their form. As the label implies: this is optional and you can leave it empty.

Form Title: you can use a name such as “Contact Us” or “Send Us your Inquiries”.

The next field, “Form Description”, is for entering a few details about the form.

Lastly (on the first column), we have a text field for entering a “thank you message”.

Now, on the right column, we have all the available fields (the same from the settings panel) for your form:

  • Name
  • Email
  • Phone
  • Address
  • City
  • State
  • Zip Code
  • Required Fields
  • Submit

For each one of them you can either choose to “Ask as required”, “Ask as Optional” or simply “Don’t ask for it”.

And finally, there’s a field for entering a label for your “Inquiry Field”. Here you can put something like “Please enter your questions and comments here!”.

Edit Content

Here you can edit both the button caption and the tagline (slogan text) below it.

Edit the button's text and slogan

Edit the button’s text and slogan

Just like if you double click on the text on the actual button, outside Content Mode.

Removing the Tagline

Just want to remove the button’s sub-heading?

Button subheading/slogan

The subheading, or tagline, can be removed from the button

Hover over the app and click “Edit Settings”.

Edit Settings button

Click on this button to edit the options for this app

Next to “Display Slogan Text” select the “No” option.

Display slogan text dropdown

Select “No” in the “Display Slogan Text” dropdown

Click “Save” at the bottom… and as soon as changes are stored, you’re done! The tagline will be removed.

Save settings button

Click on “Save” to finish

Have questions or comments about this how-to? Let us know in the comments area below!

Menu