Your home page is the first screen displayed in your app after the launch screen.

It is a key page that allows you to highlight important content from your app, guide your users to key sections, add call-to-action buttons, display useful links, show ads, collect email addresses, and more.

The Home page is built using widgets. Each widget corresponds to a type of content or feature that you can display on this page.
You can add, remove, and reorder widgets to organize your Home page the way you want.
Depending on the extensions you have enabled in your GoodBarber back office, additional widgets may be available.

You can add up to 20 widgets on your Home page.

This widget displays content from your app sections directly on the Home page.

1. You can display content from the following section types*:
- CMS sections (blog, map, video, calendar etc.)
- External content sections (WordPress, Youtube etc.)
- User section

2. In the Settings tab, you can:
- Choose a widget template
- Configure the header, including title, fonts, alignment, and colors, when available
- Customize the content zone, depending on the selected template
- Define content zone options such as sorting, number of items, and displayed information
- Adjust global options such as default thumbnail, margins, content alignment, and image effects

3. Source tab
Modify the source of the widget.

*In order to be able to set a content widget, you must first set the sections you wish to display in your widget first.
The source list in your widget depends on the sections published in your app.

This widget allows you to:
- Create links to internal pages of your app or external links on your home page
- Perform actions from your app (call, send an SMS or email)
- Open the URL of an app in the stores

1. Widget template, select the template of your widget.
Depending on the template, the design of the buttons changes:
Level 1 buttons: Small Slide show and Big Slide show templates
Level 2 buttons: Visual, Grid, Small Carousel, and Big Carousel templates

2. Links
- Click "add a link" to create your link
- Select the type of link (Section, Action, External link, an application in the stores)
- Depending on your template, set the different options: add an image, title and description, icon, display a button, etc.

3. General settings, depending on your template, it enables you to set the margins, widget background color, fonts, action button, effect on the images, etc.

This widget displays the ads set in your monetization menu*.

1. Select the campaign
2. Select the format of your advertising
3. Repeat the operation in this widget for each platform iOS, Android, PWA (depending on your offer)

*In order to be able to set an Advertising widget, you must first set your internal or external advertising campaign.

This widget enables the search feature on your home page and redirects your users to the result of your search section*
Only 1 Search widget can be added on the home page,

1. Select the source search section for your widget
2. Set the design element of this widget: header, content zone and global options.

*In order to be able to set a Search widget, you must first set a search section.

This widget displays shortcuts to your app's social network accounts: Facebook, X (Twitter), LinkedIn, YouTube, Dailymotion, Instagram, Pinterest, Flickr, Tumblr, Dribble and others.

1. Select the social network you wish to create a link to
2. Repeat the operation in this widget for each social network
3. Set the header and global options of the widget

This widget allows you to collect emails from your users.

1. Design tab
- Set the header, content zone and global options of the widget.
- Set a link to your Terms of use using the drop-down menu (1)

2. Subscribers tab
Click export data to export the list in a .csv file

3. Go to the menu Settings > App settings > App Text
Search for GB_WIDGET_NEWSLETTER_TOS_TEXT
Edit the text to let your final users know why you are collecting their email (what you will do with their email) and ask them to read your terms of use. (1)
Warning: Do not edit the token [TOS]

(1)Required by the GDPR. The GDPR applies to all entities based in an EU country that process personal data, as well as all entities worldwide that process personal data belonging to EU residents.

This widget displays a separator between other widgets.

1. Set its height in pixels and color of the widget
2. Set the global options of the widget

This widget allows you to display your own HTML code.

1. Fill in the zone height of the widget
2. Enable or disable scrolling
3. Add your HTML code*
4. Click "Save"

Please note that the widget height is not responsive. The same height value, in pixels, is applied on both mobile and desktop. In other words, the displayed height always matches the exact number of pixels defined in the widget settings.

*GoodBarber Technical Support does not handle issues related to external code. The team does not debug custom code, including embed code or iframe code, that was not created by GoodBarber.