---
description: >-
  In this guide, you will learn how to add rules on your website using the
  Advanced Editor
title: "How to Add a Rule?"
canonical_url: https://docs.sitekick.ai/using-the-design-editor/how-to-add-a-rule
source_url: https://github.com/aketchel/sitekickai_docs/blob/main/sitekick-documentation/using-the-design-editor/how-to-add-a-rule.md
---

# How to Add a Rule?

To add a rule for your website, here the simple steps you can follow.

1. From Advanced Editor page, click **“PERSONALIZE”** icon.

<figure><img src="../.gitbook/assets/image (207).png" alt=""><figcaption></figcaption></figure>

2. A pop-up page will appear asking you to CHOOSE A RULE. This page will provide you 16 rules that you can use for your website. Each has a brief description of what the rule is about. (See image below)

<figure><img src="../.gitbook/assets/image (78).png" alt=""><figcaption></figcaption></figure>

**NOTE:**&#x20;

* You can BUILD YOUR OWN rule or simply use the templates.
* If you want to know what the rule would look like on the website, just slick the **“PREVIEW RULE”** button. This will route you to another page showing you a sample. Below is a preview of the Special Promotion rule.

<figure><img src="../.gitbook/assets/image (121).png" alt=""><figcaption></figcaption></figure>

3. Once you have chosen a rule and you click **“Select Rule”** you will be asked to put in the details of the rule. (See images below.)

<figure><img src="../.gitbook/assets/image (83).png" alt=""><figcaption></figcaption></figure>

<figure><img src="../.gitbook/assets/image (98).png" alt=""><figcaption></figcaption></figure>

4. Once done, you will now see a preview of the site with the added rule. You can also edit the contents just like the other pages of the side. When the editing is done, click the **“DONE”** button.

<figure><img src="../.gitbook/assets/image (205).png" alt=""><figcaption></figcaption></figure>

5. You will then be routed back to the page where you have set the rule to finalize it by clicking the **“SAVE RULE”** button.

<figure><img src="../.gitbook/assets/image (111).png" alt=""><figcaption></figcaption></figure>
