Set up your floating button

Floating button allows your customers to take a promoted action in your app to place an order.

Instructions

  1. Log in to your Per Diem merchant dashboard.
  2. Select the "App Customization" tab from the left menu.
  3.  From the app template, hit "Customize" to access customization options.
  4. Under the "Other Elements" tab, select "Floating Button."
  5. On the right, edit the text box to set your floating button action, such as "Place Order" or "Order Now."
  6. Drag the cursor on the palette to choose the background color that suits your app's aesthetic.
  7. Choose the text color of the button, making sure it contrasts well with the background.
  8. Pick your icon color using the same method as before.
  9. After adjusting all aspects, hit "Save" on the top right to apply and save the updates.
Still require support?
Contact support
No items found.

Choose Your Background Color

Make your floating button visually appealing:

Step 1

Drag the cursor on the palette to choose the background color that suits your app's aesthetic.

Choose Text Color

Ensure visibility by selecting an appropriate text color:

Step 1

Choose the text color of the button, making sure it contrasts well with the background.

Choose Your Icon Color

Enhance the visual appeal with a customized icon color:

Step 1

Pick your icon color using the same method as before.

Customize and Save

Complete your floating button customization and save your changes:

Step 1

After adjusting all aspects, hit "Save" on the top right to apply and save the updates.