How the Button App Works
In this article you will learn about the Button app, how to use it and set it up.
This is how it would look once installed with some styling.
To install it, just like any other app, you must drag and drop the “Install New” button from the App Store.
Now we’ll describe the items from the app toolbar.
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.
To move it, just drag and drop the arrow icon into the desired container.
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:
- the form is optional
- 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:
- Zip Code
- Required Fields
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.
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:
- See Inquiries
- Edit Email Template
- Edit Form Fields
- Edit Content
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.
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.
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.
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:
- Zip Code
- Required Fields
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!”.
Here you can edit both the button caption and the tagline (slogan text) below it.
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?
Hover over the app and click “Edit Settings”.
Next to “Display Slogan Text” select the “No” option.
Click “Save” at the bottom… and as soon as changes are stored, you’re done! The tagline will be removed.
Have questions or comments about this how-to? Let us know in the comments area below!