# Home

Welcome to Responsly Help!


# Editor

Guide to understanding the campaign editor

## General Settings

#### Campaign Name

This is the name of your campaign. It's only used internally when you need to identify the campaign.

#### Accent Color

This is the default color that will be used across the campaign. This applies mainly to buttons and icons on the widget embed and standalone page. Any hex color code is accepted.

## Configuration

#### Enable Ratings

With this turned on, users are able to send ratings, based on a selection of emojis, along with any additional feedback.

* 😍 Amazing
* 😀 Great
* 😐 Ok
* 😞 Bad
* 😡 Angry

#### Email Field Required

When enabled, users will be required to enter a valid email address in order to submit feedback to your campaign.

{% hint style="info" %}
 If privacy mode is enabled, this will have no effect, as email collection is turned off.
{% endhint %}

#### Position

You have the choice of which side you'd like the Responsly widget to appear on.

* Left - Displayed on left side of page
* Right - Displayed on right side of page

#### Widget Type

Responsly gives you the option to change the style of widget that displays on your site.

* Floating - Mini widget in corner of page
* Sidebar - Show widget as a sidebar
* Fullscreen - Widget is displayed in center of page


# Integrations

Guide to integrating Responsly with your website

## Widget Embed

Using Responsly's widget embed on your website is the most common method for collecting feedback from your users. It's as simple as adding a JavaScript snippet to your site.

You can find your widget embed code in the *Integrations* section of your campaign. The code provided should look somewhat similar to the example shown below.

{% hint style="warning" %}
**Important:** Your site must have *https* enabled, or you won't be able to embed the widget on that site, due to browser restrictions.
{% endhint %}

```markup
<!-- Start Responsly Code -->
<script type="text/javascript" src="https://responsly.co/app/feedback/77/widget"></script>
<!-- End Responsly Code -->
```

Once you have your embed code copied, you'll want to paste it right before the `</body>` tag on every page you'd like the widget to display.

{% hint style="info" %}
**Note:** If you'd like to add Responsly to a site that you don't have access to, you can select *Send this to my developer,* which will auto-generate an email that you can send to the owner/developer of the site.
{% endhint %}

## Standalone Page

Instead of embedding the Responsly widget on your website, you can also get feedback responses from your standalone campaign URL. This can be useful if you're not specifically looking to get feedback related to your site.

You can find your unique URL in the *Integrations* section of your campaign. The URL provided should look somewhat similar to the example shown below.

```
https://responsly.co/app/feedback/77
```


# Privacy

Guide to understanding Responsly's privacy mode

In order to keep user-identifiable information private, Responsly includes a privacy mode, which can be configured individually for each campaign.

**What does this do?**

* Email collection is turned off
* IP addresses are not tracked

If you're needing to collect feedback from users and it's not of importance to collect user data, you can turn this setting on in the *Privacy* section of the campaign manager to keep responses anonymous.

{% hint style="warning" %}
**Important:** Any feedback that was collected when privacy mode was enabled will still remain anonymous, even if turned off.
{% endhint %}


# Data Manager

Guide to getting familiar with with Responsly's data manager

Responsly gives you the ability to export feedback responses as a **.CSV** file, if you're interested in backing up your data or for use with another platform. You also have the ability to import a CSV file, such as one that contains data from a previous backup.

In the campaign manager, you can head to the *Data Manager* section where you can download all your campaign data into an easy to read spreadsheet. You'll be provided with a file that's named similar to the example below.

```
responsly_16_2020-05-15.csv
```


# Advanced

Guide to exploring advanced customization options

## Open with custom element

The Responsly feedback widget can be launched from custom elements on your website.&#x20;

Simply add `data-lw-onclick="#feedbackWidget"` to any custom element. Below is how this may look.

```markup
<a href="#" data-lw-onclick="#feedbackWidget">Feedback</a>
```

## **Position the feedback button**

If you'd prefer to relocate the feedback launcher button, you have the ability to do so with custom CSS. This may be helpful if the launcher covers another element on your page.

Here is an example of what that may look like.

```markup
<style>
.feedbackFloat { 
    margin-right: -20px !important;
    margin-bottom: -14px !important;
}
</style>
```