Configure widget layout and launcher

What launcher settings control

The launcher settings define how the SDK-owned booking button appears when the widget is installed on the restaurant website. They also set default behavior for modal, drawer, and inline installs before website-specific overrides are applied.

Configure launcher and behavior

1. Open Settings / Portal.
2. Select General.
3. In Launcher, set Button text.
4. Choose Button shape: Pill, Rounded, or Square.
5. Choose Button size: Small, Medium, or Large.
6. Set Button color and Button text color.
7. Enable or disable Button shadow.
8. In Behavior, choose the Default mode: Modal, Drawer, or Inline.
9. Set Z-index if the widget must appear above website elements.
10. Review Runtime and Inline behavior values if the install uses inline mode.
11. Save portal settings.

Adjust drawer placement

Use the Drawer tab when the default mode or install snippet uses Drawer. Launcher placement controls whether the launcher appears at the bottom-left or bottom-right of the page. Offset and drawer width values are included in the generated script attributes, so update them before copying a fresh drawer snippet.

Drawer placement is especially important on websites that already have sticky navigation, cookie banners, chat tools, or floating accessibility controls. After saving, test the launcher on mobile and desktop to confirm that it is visible and does not block important website actions.

Work with the website design

Choose button text that fits the website call to action, such as "Reserve", "Book a table", or the restaurant's preferred wording. Use colors that meet contrast expectations against the page background.

If the widget appears behind cookie banners, navigation, or chat tools, adjust z-index carefully and retest on mobile and desktop.

Keep snippets aligned

The Install tab generates snippets for the selected widget modes. Depending on the mode, snippets can include attributes such as data-reslify-button-text, data-reslify-mode, data-reslify-offset, width, placement, and z-index.

Portal settings define the restaurant defaults. Website-specific script attributes can override some values for a particular page, so changing Portal settings does not always change an already-pasted custom snippet. When launcher text, mode, drawer placement, offset, width, or z-index changes, save the settings and copy the updated snippet if the website code needs to carry those values.