# Launch your first experiment

{% hint style="info" %}
Discover Airvoyage example at the end of the article. <img src="/files/CdeDfaWgSmDHA9xC1SD0" alt="" data-size="line">
{% endhint %}

## Create a campaign

{% stepper %}
{% step %}
In your AB Tasty dashboard, choose **Web experimentation** (for experiments) or **Personalization** (for targeted experiences).
{% endstep %}

{% step %}
On the right upper corner, click on **Create**.
{% endstep %}

{% step %}
Choose your campaign type[.](/web-experimentation-and-personalization/campaign-creation-and-dashboard/types-of-campaigns.md)&#x20;

{% hint style="info" %}
[To learn more about campaign type, read our dedicated article.](/web-experimentation-and-personalization/campaign-creation-and-dashboard/types-of-campaigns.md)
{% endhint %}
{% endstep %}

{% step %}
Fill in the campaign's main information.&#x20;

{% hint style="info" %}
[You can use our Hypothesis helper to help you create a campaign aligned with a mesurable target.](/web-experimentation-and-personalization/campaign-creation-and-dashboard/how-to-set-up-main-information-step.md#h_01j8hdmamarwfbwmyk1xyx2f40)
{% endhint %}
{% endstep %}

{% step %}
To open the **Visual Editor,** click **Save & Go to next step**.
{% endstep %}

{% step %}
Depending on your campaign goal you can:&#x20;

* Select the element you want to modify:
  * &#x20;Hover it and click
  * &#x20;or select it in the page structure
* Add a widget:

1. In the right hand tool bar, click on **Add Widgets**
2. Select the relevant template.
3. Click **Add**.
   {% endstep %}

{% step %}
Use our WYSIWYG options to apply your desired modifications.&#x20;

{% hint style="info" %}
[For a comprehensive tour of our editor, please visit this article. ](/web-experimentation-and-personalization/editors-and-widget/visual-editor/discovering-the-visual-editor.md)

[You can also read below one example for the creation of a social proof widget A/B test.](#airvoyages-example)
{% endhint %}
{% endstep %}

{% step %}
When you are done, save your changes.
{% endstep %}
{% endstepper %}

## Set up goals and targeting

When you're done with the edition:

{% stepper %}
{% step %}
On the left panel, click on step 3.

<div data-with-frame="true"><figure><img src="/files/6NcPtF5Wr62tJOBPUBjB" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Select your trackers.

{% hint style="info" %}
AB Tasty provides a pre-set of trackers, especially if you have chosen to add a Widget, but you can add your own. Some metrics (like page views or URL-based goals) are retroactive, but others (like click tracking or custom events) are not. Plan ahead to ensure all relevant data will be available in your report.\
[To learn more about tracking steps and trackers, read our dedicated article](/web-experimentation-and-personalization/campaign-flow-goals-step.md).&#x20;
{% endhint %}
{% endstep %}

{% step %}
Click on **Next step**
{% endstep %}

{% step %}
Define your audience based on segments (e.g., all visitors, mobile users, or eco-conscious travelers identified through browsing behavior).

{% hint style="info" %}
For your first campaign the only available segment is "All visitors" but you can refine it by creating your own segment. \
[Read this article to know how to create and manage segments](/assets-library/creating-and-managing-segments.md).
{% endhint %}
{% endstep %}

{% step %}
Define Triggers and Frequency.

{% hint style="info" %}
For your first campaign, the only available trigger is "Any time" but you can refine it by creating your own trigger.

[Read this article to know how to create and manage trigger](/assets-library/creating-and-managing-triggers.md)s.&#x20;
{% endhint %}
{% endstep %}

{% step %}
If you have chosen an experiment, split your visitors between your variations.&#x20;

{% hint style="info" %}
We recommend allocating the traffic evenly for better statistical results.
{% endhint %}
{% endstep %}

{% step %}
When you are done setting up your campaign you can go to QA & Overview step
{% endstep %}
{% endstepper %}

## QA

The QA mode enables you to choose the method(s) used to perform the QA of your campaign.

{% stepper %}
{% step %}
In the **QA & Overview** page> **Step 1: Select how to display the campaign to QA**, select, **Targeting by IP.**

{% hint style="info" %}
**Targeting by IP** is the easiest and fastest way to QA your campaign. It enables you to QA your campaign on all devices.
{% endhint %}
{% endstep %}

{% step %}
Click **Save**.
{% endstep %}

{% step %}
In **Step 2: QA the campaign**, click **Open QA Assistant.**
{% endstep %}

{% step %}
Select a device.
{% endstep %}

{% step %}
Check the result of the analysis.&#x20;

{% hint style="info" %}
[For more information on QA Mode and QA assistant, please read our comprehensive documentation. ](/web-experimentation-and-personalization/qa-step/qa-mode--qa-assistant.md)
{% endhint %}
{% endstep %}

{% step %}
When you ensure your campaign works properly, in **Step 3: Finish the QA process**, click **Stop QA.**
{% endstep %}

{% step %}
Select a status.

{% hint style="warning" %}
If you click on **Live**, your campaign will be immediately visible by your visitors.
{% endhint %}
{% endstep %}

{% step %}
Click on **Validate**.
{% endstep %}
{% endstepper %}

## Set a campaign to live

{% hint style="info" %}
If you have selected the status Live after QA test, you are done: your campaign is already live.&#x20;
{% endhint %}

{% stepper %}
{% step %}
In the campaign dashboard, click on your campaign status.

<div data-with-frame="true"><figure><img src="/files/UDv9onCsMpZ2c0a0satG" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
If you have chosen to create an experiment, select [**Web experimentation**](https://app2.abtasty.com/experiments) in AB Tasty menu to reach the appropriate Dashboard.&#x20;

If you have chosen to create a personalization, select [**Personalization**](https://app2.abtasty.com/customizations) in AB Tasty menu to reach the appropriate Dashboard.&#x20;
{% endhint %}
{% endstep %}

{% step %}
In the drop-down menu, select **Play the campaign**.

The status displays Live, and the tag is automatically compiled to display your campaign on your website.
{% endstep %}
{% endstepper %}

## Airvoyage's example&#x20;

<figure><img src="/files/sxgTyUO5PNQ3RQ62E5jj" alt="My goal: test a social proof widget on our flight results page that appeals to travelers&#x27; values—highlighting our sustainability efforts to see if it increases bookings among eco-conscious customers."><figcaption></figcaption></figure>

Here is Amari's Journey to create a social proof widget on Airvoyage's flight results page that appeals to travelers' values, highlighting their sustainability efforts to see if it increases bookings among eco-conscious customers.

{% stepper %}
{% step %}
I have chosen **Web experimentation** as I want to try it first and then apply it as a personalization if the results are encouraging.
{% endstep %}

{% step %}
I clicked on **Create**.
{% endstep %}

{% step %}
I have chosen an A/B test campaign.
{% endstep %}

{% step %}
I have filled the following information:

* **Name:** ecological nudge/social proof
* **Hypothesis:** I used the hypothesis helper to come up with the following: "If I add a social proof widget on the flight results page that emphasizes our sustainability efforts for eco-conscious travelers, then it will increase bookings by resonating with their values and encouraging more conversions."
* **Sample URL**: <https://airvoyage.com/flights\\_booking>
* **Type of editor**: Visual editor
  {% endstep %}

{% step %}
I have clicked **Save & Go to next step**.
{% endstep %}

{% step %}
I have added a widget:

1. In the right hand tool bar, I clicked on **Add Widgets**
2. I have selected the **Social proof** template.
3. I clicked on **Add**.
   {% endstep %}

{% step %}
In the editor left panel, I applyed these changes:&#x20;

* **Layout**&#x20;
  * Layout: Bottom banner&#x20;
  * Layer: Default
* **Content**&#x20;
  * Variable to display: Number of visitors
  * Period to display: In the last 7 days
  * Content: I used a genAI to help me add HTML an make my text catchier: <br>

```
<p class="headline">
    <span class="accent" aria-hidden="true">🌿 Sustainable Fleet</span>
    &nbsp; <strong>Over <span class="num">60%</span> of our fleet is now fuel-efficient.</strong>
  </p>

  <p class="sub">
    Join <strong class="num">!visitorsQty!</strong> travelers who offset their carbon footprint with us
    <span class="muted">in the last <strong>!period! !unit!</strong></span>
  </p>
```

* **Style**
  * Container: Top padding = 15&#x20;
  * Backgournd color: #f3e97d
  * Drop shadow: enabled
  * Border radius: 15

<div data-with-frame="true"><figure><img src="/files/aIh9ZqGzPwBh3w0ftj0h" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
I have saved my changes.
{% endstep %}

{% step %}
On step 3, I have chosen the following trackers:&#x20;

* Primary: Booking completion rate
* Secondary: CTA click rate, AOV, Exit rate
* Guardrails: Bounce rate, Page load time, RPV
* Segments: Mobile vs desktop, Visitor type (new/returning)

> <img src="/files/tyCec68stMChEgrr862z" alt="" data-size="line">“By combining conversion, engagement, and quality metrics, I can tell not just if the widget worked, but how and for whom.”
> {% endstep %}
> {% endstepper %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.abtasty.com/onboarding/web-experimentation-and-personalization-quick-start-guide/launch-your-first-experiment.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.