The Button Component allows you to add a Button that can be linked to any of your Beezer app pages or an external website or URL.
Please follow the below instructions to set up your Button component:
Step 1: Log in to your Beezer Admin Dashboard.
Step 2: Click on the Build section -> Either select an existing page or click the "+" 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.
Step 3: You will be shown all the existing components available for your Beezer subscription plan. Select the Button component and click the "Add Button Component" button at the bottom of the page.
Step 3: You will see the settings page of the Button component once it's 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 one of the following options:
- Page: Redirect users to existing pages within your app.
- Sign-up Page: Direct users to the Sign-up or Sign-in page of your app.
- Web: Redirect users to external websites.
- Phone: Add your phone number to make this a call-to-action button.
- Email: Add your email address to enable user communication.
Please specify a name (label) for the Button. You can also select an icon for your Button.
Step 4: If you want to use your 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.
Step 5: The DESIGN tab can be used to override the default design of the Button component. You can set the desired shape, colors, border width, and border style.
Please Publish your app once you have made the changes, so they get reflected on your mobile app successfully.