Want to add an image to your sign-up form? or do any other customization not available thru our styles editor? You can use our Custom CSS feature.

Navigate to your campaign by clicking on the "Edit" button in your Dashboard.

In the left navigation, click on the "Sign-up form" button, then "Advanced Settings" link at the bottom of the page. This will open up a new section to allow you to add custom CSS and scripts to your sign up form.

In this example we will be customizing the Slide-in form to add an image to it like shown below.

You can add line breaks into the "Title text" by using this html tag <br> as shown below.


To insert an image, we added the following code into the "Description" field as shown below. Notice that along with the Description text, we are adding an Image using the HTML img tag. You need to replace the img URL example we have used for your own image URL path.

Here is the product you will get for free <img class=vsu-product-image width=300 src=https://irefer.io/wp-content/uploads/2018/04/Referral-Marketing-Software.png>


Now lets customize the image styles. In the custom CSS field (in Advanced options) we added the following code to resize the background image, and add a space between image and description text :

<style>
    .vsu-product-image {
margin-top:20px;
width:300px;
    }
</style>

Don't forget to save the changes using "Save and continue" button at the bottom of the page.
 

Did this answer your question?