The Button Component allows you to add a Button which can be linked to any of your Beezer app pages or to an external website or URL.
To add a Button, please click on the Build section of your Beezer dashboard and click on Pages section.
You can either select an existing page, or click the + sign to add a new page.
Once you have added or selected the page on which you wish to add the Button component, click on the + sign next to your page title.
You will be shown all the existing components available for your Beezer subscription plan. Select the Button component and click Add Button Component button at the bottom of the page.
You will see the settings page of the Button component once its added to the app page. Under the Content tab, you can select the actions linked to this button.
In the Navigation Link area of the Button configuration, you can choose a Page from the drop-down menu or choose an external website URL.
You can also add a phone number or email, which the user can click to make this a call-to-action button.
Please specify a name (label) for the Button. You can also select an icon for your Button.
If you want to use your own icon, please upload it using the URL option under the Add Icon toggle button.
Note: You can upload a locally stored image file to an online storage service like Dropbox and then use the URL as your app icon URL.
If you use the Button icons, you can add 3 buttons in a single horizontal row in your app.
The DESIGN tab can be used to override the default design of the Button component. You can set the desired shape, colours, border width and border style.
Please Publish your app once you have made the changes, so they get reflected on your mobile app successfully.
Click here to see an example of the Button Component.