> For the complete documentation index, see [llms.txt](https://docs.shopone.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopone.io/english/basic-elements/business-widgets/notify.md).

# 4.5. Notify

**Notifications** is a unique widget that displays short messages, providing quick and easy-to-understand information to users on a landing page. This feature enhances user engagement and builds customer trust with updates such as: "A purchase was just made," "Someone just signed up," or "Promotion ends in a few hours."...

## 1. Add Notify to your landing page:

* Click on **Widgets** in the sidebar of the editor.
* Select **Notify** from the **Advanced** section.
* Drag the **Notify** element onto your landing page.

<figure><img src="/files/yX7tBcdts0f9vbawXfsd" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Working principle of the **Notify** feature: Displays pre-prepared content from either the default data source or a Google Sheet.
{% endhint %}

## 2. Notify Editor

### 2.1. Content Editor

To access the **Content Editor**, click on the Notify widget you wish to modify on the screen and select **Content** from the quick settings bar.

<figure><img src="/files/fB6qOXM5W1JdzhWRwPLE" alt=""><figcaption></figcaption></figure>

* **Data type:** This is the input data source containing the list of content displayed in Notify.
  * **Default:** Allows you to manually create, add, and edit content.

    <figure><img src="/files/qcT3WYlF5FgbBTY9W36v" alt=""><figcaption></figcaption></figure>
  * **Google sheet:** Enables you to import multiple pieces of content simultaneously using a Google Sheet file by entering the correct **Google Sheet ID** and **Sheet Name**.

    <figure><img src="/files/ydXKJDznpH5K3RxidEL9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
See detailed instructions for creating content with Google Sheets [here](https://docs.shopone.io/english/basic-elements/advanced-widgets/notify#create-content-from-google-sheet).
{% endhint %}

* **Display time:** This is the duration for which each Notification is displayed on the screen.
* **Delay time:** This is the waiting time before the next Notification is displayed.

### 2.2. Design Editor

To access the **Design Editor**, click on the **Notify** widget you wish to modify on the screen and select **Design** from the quick settings bar.

<figure><img src="/files/PjzCs4Om4NMmZCI4arIO" alt=""><figcaption></figcaption></figure>

* **Align**: Allows you to align the widget within its container. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/align).
* **Size**: Adjust the size of the widget, including width, height, and the margin from the widget to the section's edges. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/size).
* **Display on**: Select the devices where the widget will be displayed (Desktop, Mobile).
* **Styles:** Allows you to add background and shadow to the widget. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/styles).
* **Typography**: Customize the text properties within the widget (include: title, content, time). See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/typography).
* **Border**: Add and customize borders around the widget, including adjusting the border radius. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/design-editor/border).
* **Image style:** Allows you to adjust the border radius of the images displayed in the widget.

### 2.3. Advanced Editor

To access the **Advanced Editor**, click on the **Notify** widget you wish to modify on the screen and select **Advanced** from the quick settings bar.

<figure><img src="/files/P9ccUOPN6KPo3iDrtxrq" alt=""><figcaption></figcaption></figure>

* **Events:** Allows you to set events for click or hover actions on the widget. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/event).
* **Animation**: Allows you to add dynamic animations to the widget on your landing page to make it more attractive and lively. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/animation).
* **Desktop/Mobile sync design**: Allows you to set synchronization options for the design between desktop and mobile. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/desktop-mobile-sync-design).
* **Position type**: Lets you choose the appropriate positioning style to optimize the webpage and provide the best experience for users. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/position-type).
* **Custom advance**: Allows you to customize the appearance and behavior of the component using CSS layers and custom CSS code. See details [**here**](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/custom-advance).

## 3. Create content from Google Sheet

**- Step 1:** Create a Google Sheet with 4 main content columns with titles: **Title, Content, Time, Image** and you fill information of the columns. The sheet containing your content must be the first sheet in your Google sheet.

<figure><img src="/files/lYPJrdv1YxkUjoxF4Sjr" alt=""><figcaption></figcaption></figure>

**- Step 2**: Publish the Google Sheet to the web.

<figure><img src="/files/LfS3hbZiK42tSCkyeUNq" alt=""><figcaption></figcaption></figure>

You can choose to publish the entire document or just the sheet containing the content:

<figure><img src="/files/tTCLgrIgdGwuUWkxRIJj" alt=""><figcaption></figcaption></figure>

**- Step 3**: Go back to the original Google Sheet link.

* Copy the **Google Sheet ID** and paste it into the **Google Sheet ID** field in the Content Editor.
* Copy the name of the specific sheet and paste it into the **Sheet Name** field.

<figure><img src="/files/C9vke7fMbBx1BwMdYuxf" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/GtzrSypXASkWw6GYkwv7" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note**: Use the ID from the original Google Sheet, not the link generated after publishing in Step 2.
{% endhint %}

**- Step 4:** Set the sheet to **Public**.

To display content from Google Sheets in Notifications, you must set the sheet to Public. Follow these steps to enable Public mode:

<figure><img src="/files/rvvwyDzfyyrMTjR07cuR" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/vev2X8A6vOuzWZksOuXD" alt=""><figcaption></figcaption></figure>