{"id":"ibe.design","app":"ibe","title":"Visual and graphical editors","summary":"Adjust layout, typography, colors, imagery and maps in the correct widget.","url":"https://www.simultem-apps.com/wiki/ibe#design","apiUrl":"https://www.simultem-apps.com/api/wiki/v1/articles/ibe.design","resourceUri":"wiki://ibe/design","revision":"2026-11-02.1","lastReviewedAt":"2026-11-02","keywords":["graphical","popup","font","calendar","map","branding","custom frontend"],"sections":[{"title":"Edit and preview","steps":["Select the widget and language, then open the main or graphical editor.","Set common fonts, background, button colors and section-specific typography and layout.","Adjust property, unit-group, offer and service sections, including widths, heights, images and slideshow/fade behavior where offered.","Review calendar colors, search fields and sort/filter appearance.","For maps, review marker icons, dimensions, text, clustering and info-window styling.","Preview standard and popup layouts on desktop and mobile and save the intended changes."],"notes":[]},{"title":"Custom frontends","steps":["Use the custom frontend settings only for a renderer provided for your integration.","Preview its booking behavior before assigning it to a live widget."],"notes":["A renderer key selects an installed implementation; settings are not a place to upload executable customer code."]}],"text":"# IBE: Visual and graphical editors\n\nAdjust layout, typography, colors, imagery and maps in the correct widget.\n\n## Edit and preview\n\n1. Select the widget and language, then open the main or graphical editor.\n\n2. Set common fonts, background, button colors and section-specific typography and layout.\n\n3. Adjust property, unit-group, offer and service sections, including widths, heights, images and slideshow/fade behavior where offered.\n\n4. Review calendar colors, search fields and sort/filter appearance.\n\n5. For maps, review marker icons, dimensions, text, clustering and info-window styling.\n\n6. Preview standard and popup layouts on desktop and mobile and save the intended changes.\n\n## Custom frontends\n\n1. Use the custom frontend settings only for a renderer provided for your integration.\n\n2. Preview its booking behavior before assigning it to a live widget.\n\nNote: A renderer key selects an installed implementation; settings are not a place to upload executable customer code.","related":[{"id":"ibe.widgets-and-embedding","app":"ibe","title":"Widget IDs, allowed origins and website embeds","summary":"Publish the correct widget using its generated integration instructions.","url":"https://www.simultem-apps.com/wiki/ibe#widgets-and-embedding","apiUrl":"https://www.simultem-apps.com/api/wiki/v1/articles/ibe.widgets-and-embedding","resourceUri":"wiki://ibe/widgets-and-embedding","revision":"2026-11-02.1","lastReviewedAt":"2026-11-02"},{"id":"ibe.testing","app":"ibe","title":"Go-live checks and troubleshooting","summary":"Test the complete guest journey and collect reproducible evidence.","url":"https://www.simultem-apps.com/wiki/ibe#testing","apiUrl":"https://www.simultem-apps.com/api/wiki/v1/articles/ibe.testing","resourceUri":"wiki://ibe/testing","revision":"2026-11-02.1","lastReviewedAt":"2026-11-02"}]}