← Back to Blog

Everything You Need to Know About The New Sleeknote Editor

  • Product Updates

As I’m sure you’ve noticed, our new Sleeknote editor has been live for a while. And although it required time, we now feel confident enough in the new editor to finally phase out the old one.

This means from now on, you’ll only be to create SleekBoxes using our new editor.

Our new editor is based on the suggestions we received from new and old customers, and we’ve tried to adapt Sleeknote 2.0 to accommodate these ideas.

Our developers are constantly reviewing your feedback and developing new features that will make your experience with the Sleeknote service even better.

Our mission and purpose is simple: we want to make it easier for you to get high-quality leads. We welcome all feedback for our product so if you have any ideas, let us know.

The Sleeknote editor has been updated considerably both graphically and operatively. Moving forward, Sleeknote will be more template-based, enabling you to move quickly from A to Z when creating a SleekBox.

In this post, you’ll learn all about the new changes we’ve made to the editor during the past year, and how they work so you can increase your on-site conversions and more.

Out with the old, in with the new

We feel so confident about the new editor that we’re ready to remove the old one, completely. But don’t worry—you can still edit your current SleekBoxes with the old editor, you just can’t create new ones with it. Here’s the old editor compared to the new editor:

Here’s the old editor compared to the new editor:

Old editor:

New editor:



Moving forward, Sleeknote will, to a larger extent, be based on templates.

This is particularly advantageous for all our e-commerce customers. Over the past few years, we’ve gained a lot of experience, one example being that ready-to-go templates are indispensable.

Thus, a primary focus of ours has been to give you the opportunity to get started right away by choosing one of our custom-made templates.

Once you have selected a custom-made template, all you have to do is change the text, call-to-action, and possibly set our new rule engine to match your needs.

Of course, we also have some empty templates for those of you who prefer to do it from scratch.

Drag-n-drop editor

During the development of Sleeknote 2.0, we focused on creating a drag-n-drop editor that allows you to edit your SleekBox in a matter of minutes.

All the elements in your SleekBoxes are now clickable, so you can edit directly in the box, which makes it easier and faster for you to adjust and add new textual elements.

Under “Add elements,” it’s also possible to drag new elements such as pictures, text, radio buttons, input fields, and checkboxes into your SleekBox and decide exactly where to put them.

Here’s how it works:


We’ve redesigned the way you create SleekBoxes to make them even more customizable.

This is done through containers, allowing you to divide your SleekBox into sections. Want a background image that only covers half of your SleekBox? No problem. Just upload the image to one of your containers instead of the entire SleekBox.

You can choose any of the ready-made templates in the editor and then decide if you want to add any new containers to that template instead of having to go back and switch template.

We’re certain this new feature will save you time when creating your SleekBoxes, and encourage more personalized and custom-made SleekBoxes.

Side by side

Another way we’ve made the SleekBoxes even more customizable is with the possibility of placing elements side by side. Before, you could only place the elements above or below each other.

As with the new containers, we’re positive this new feature will lead to even more unique and custom-made SleekBoxes. Now, you can make your SleekBoxes look exactly as you wish to make the exact impression you want and that matches the style of your company.

In-line text editor

With our new inline text editor, you can quickly edit and add text.

Now, you no longer have to edit your text in a column on the other side. Instead, you can change the text in-line and get a template ready to communicate your message in just a few seconds.

Undo / Redo

As mentioned before, we’ve listened to your needs and desires, and it is now possible to regret your actions when editing a SleekBox (yeah!).

No more hassle with starting over if you get sidetracked or make mistakes. Now you can just go one step back if you make any mistakes saving you more time in the process.


By clicking the “Layout” button beneath the undo and redo buttons, you can now control the outer frames of your SleekBox such as SleekBox corners and shadows.

With Sleeknote 2.0, for instance, you can create a SleekBox with rounded corners:

Image editor

In Sleeknote 2.0, we’ve built in a simple image editor, so you no longer have to edit your images before you upload them to our editor.

You now have the possibility of editing your images with tools such as enhance, crop, resize, orientation, focus, and colors, bringing more creativity to your SleekBoxes.

Rule engine

In Sleeknote 2.0, we’ve built a rule engine where you can target a specific audience with targeting rules.

It’s now possible to show your SleekBox based on advanced settings like “If all of these conditions apply” or “If one of these conditions apply.”

Here’s a quick example:

If you want to give a discount code, you can choose exactly who will get the SleekBox.

You might want to give it to the referrals from Facebook, but only to new visitors and not the ones that are already on your newsletter as shown below:


Triggers are a way for you to define what action should be taken to trigger your SleekBox.

You can choose between four different triggers:

  1. Show after
  2. Scroll
  3. Exit-intent
  4. Manual trigger

You’ll be able to add multiple triggers with the rule when one of these events have been triggered.

For example, you can show your SleekBox after a visitor has been on your website for 12 seconds or when a visitor is about to leave your website with the use of exit-intent.

1. Show after

The “Show after” trigger is the most simple and easy trigger to use. Choose a set number of seconds and you are ready to go.

We recommend seven seconds but encourage you to test other numbers as well since it varies from one site to another.

Once a visitor enters the site with your SleekBox, they will be presented with the teaser (provided you have a teaser on your SleekBox). The set number of seconds will then determine when the SleekBox will slide into full view.

If you only want the teaser to display, just place the set number of seconds to 1,000,000—then it will remain a teaser until the visitor clicks it open.

2. Scroll

You can now trigger your SleekBox based on the scroll percentage of your page. This is useful if you want your SleekBox to pop up after your visitors have seen a certain percentage of your site.

Simply type in the percentage of your page that has to be scrolled before the SleekBox should appear. Fifty percent would be halfway down and a 100% would be all the way down to the bottom.

We recommend trying with a percentage of 30-40% (especially if you’re using SleekBoxes with content). 

3. Exit intent

Our exit-intent technology offers you the possibility of converting your visitors before they leave your site. This is the perfect way to trigger your SleekBox without affecting bounce rate or other important metrics.

When you enable the exit-intent trigger, you’re almost done. Simply activate the SleekBox and watch the magic unfold.

The SleekBox will then appear when your visitors move their mouse away from your website and into the address bar. This trigger will only work on desktop devices so if this is your only trigger, the SleekBox won’t appear on mobile devices.

We recommend using this trigger along with a SleekBox placed in the center of the screen, as a SleekBox placed in the bottom corner is easier for a visitor to miss when leaving the website.

To learn more about exit intent best practices, read The Ultimate Exit Intent Guide to Converting Abandoning Visitors.

4. Manual trigger 

The manual trigger lets you trigger your SleekBox in just about every way you can think of.

The only limit is your own JavaScript-skills.

Triggering the SleekBox using a link or a CTA button is the easiest way to achieve this. However, you can also trigger your SleekBox based on a cookie, the content of your visitor’s basket, and more.

To trigger your SleekBox using the manual trigger, you will have to use the JavaScript trigger that is individually generated for every SleekBox.

This can be found here or by going to your “My Sleeknotes” page and then pressing “Options” on the SleekBox you wish to generate a JavaScript trigger from.

You then need to implement the trigger wherever, and through whatever action you wish.

Remember, the main SleekBox script will still have to be implemented in order for it to work (as well as the SleekBox you created.)

The JavaScript trigger will bypass every cookie, thus appearing even if you have set up other conditions that should theoretically prevent it from showing.


To ensure that your SleekBoxes are as specific and effective as possible, we have added several different conditions.

Conditions are used if you don’t want to show your SleekBox to all visitors. You’ll be able to segment and target a specific audience with conditions like new vs. returning visitors, show or hide your SleekBox on specific URLs, or based on cookie settings.

When you choose a condition, you’ll be asked to define the condition with “hide sleeknote” or “show sleeknote” based on this condition.

For example, you can show the SleekBox to all new visitors (one condition) and hide SleekBox to all newsletter subscribers (another condition).

Here’s a brief overview of each condition.

1. Advanced cookie settings

With our cookie settings, you can include and exclude specific visitor segments based on your existing cookies.

For instance, if you’ve placed a cookie every time a visitor has abandoned their cart, you can show a custom SleekBox for these abandoned cart visitors and try to get them to complete their purchase.

2. Show count

This feature will help you avoid over or underexposing your visitors to your SleekBox. We recommend the set number to five but encourage you to test it yourself.

The number you set determines how many times your visitors will see the SleekBox. Since your visitors will typically only see the SleekBox once per visit, this can be reduced to how many visits in which you would like the specific visitor to be exposed to your SleekBox.

Once the set number is reached, the SleekBox will not appear again. Setting the number to 0 will mean the SleekBox will be shown an unlimited amount of times.

3. Newsletter subscriber

If a visitor is already subscribed to your newsletter, it wouldn’t make sense to show them a SleekBox, encouraging them to sign up again.

On the other hand, it might prove useful to show them a different SleekBox than the one you use for non-subscribers.

This feature helps you hide or show SleekBoxes based on whether or not people have already signed up in a previous SleekBox or if they are coming directly from your newsletter.

4. New vs. returning visitor

Would you like to do something special for your first-time visitors? Or, would you like to not disturb them on their first visit?

This feature enables you to show or hide your SleekBox based on whether or not a person has visited your site before. This feature can be used to promote special offers to first-time visitors.

If you want all your visitors to see a specific SleekBox once, use the “Show count” condition instead.

5. Sequence

A specific path of URLs can often tell a lot about a visitor. This feature enables you to target your visitors specifically based on their navigation around your website since entering it.

Decide if you would like to hide or show a specific SleekBox to visitors who have a specific sequence of URLs. Then, add the URL your visitors should enter through. This may be your front page, but could just as well be a specific product category page or your blog.

Next, add an unlimited number of URLs, but remember that your visitors have to follow the exact sequence in order for it to work.

Adding an asterisk (*) to the end of a URL will work as a wild card, meaning that all subpages to the added URL will be included as well.

6. Specific URL

This feature enables you to include or exclude a specific SleekBox on one or more pages on your site. You can use this to target a specific SleekBox to a specific product. This feature also enables you to exclude your SleekBox in your checkout flow and other places where it doesn’t belong.

Start by deciding if you want to show or hide the SleekBoxon the URLs you are about to enter and then continue to write in the URLs of all the sites you wish to include or exclude. Adding an asterisk will make sure that all subpages to the URL are also included.

Remember, including a SleekBox on one URL will not automatically exclude your other SleekBoxes from appearing on the same URL meaning you will have to do that manually.

7. Specific query

Every now and then, it’s useful to have certain strings in your URL. This feature enables you to hide or show your SleekBox based on query strings that you have placed during the checkout flow, login, or visitors coming from a specific source.

8. Specific referral

If you want to show or hide your SleekBox from visitors coming from specific sources, this feature is for you. We’ve created a number of presets for you, but you can, of course, type in your own custom URL if you prefer.

Start by choosing whether you want to show or hide a specific SleekBox to visitors coming from a specific source. Next, choose one of our preset sources or type in your own using the “Add a custom referral” option. You can, of course, add as many referrals as you want.

9. UTM campaign

Keeping track of your campaigns is key and with this feature, you can use your UTM campaign to target your visitors even more efficiently.

Want to target the people coming from your newsletter? This feature has you covered.

10. If ALL vs. ONE of these conditions apply

You can choose between “If all of these conditions apply” or “If one of these conditions apply.” The “If all of these conditions apply” section in your rule engine enables you to set up rules with conditions that are interdependent, meaning that all of them need to be fulfilled for the SleekBox to appear.

11. If-all-conditions

The “If one of the conditions below apply” section in your rule engine enables you to set up rules with conditions that are not interdependent, meaning that only one of them needs to be fulfilled.

Cool new additions

Goal tracking

With our new goal tracking, we’ve made it super simple for you to track how your SleekBoxes perform based on a single goal.

For instance, you can set your goal page to be your receipt page. Then you can track how many of your visitors reach that page through your SleekBoxes.

It’s easy to setup your goal and add the goal to any of your SleekBoxes.

Here’s how you do it:


To learn more about our new goal tracking feature, read this post.

We’ve also made a goal page that makes it easy for you to manage all your goals from the same page. This gives you a better overview of all your goals and how many times a visitor reaches your goals.

With this new feature, you can take a much more goal-oriented approach to the creation of your SleekBoxes and test how effective they are on your site.

The super user

The “super user” is for agencies that manage multiple Sleeknote accounts for different clients. With a super user, you no longer need to log in and out of different accounts. You can simply manage all accounts from one user—the super user.

This has no effect on your clients’ accounts as they can log in and out of their own account as usual without interfering with the rest of the accounts.

Smaller improvements

1. Checkboxes in Heyloyalty to avoid spam policy problems

As with other email service providers, Heyloyalty has a spam policy that states you can’t send emails to receivers without their consent. So far, it hasn’t been possible to map to checkboxes from Heyloyalty.

We’ve changed this, so you now have the possibility to map your checkboxes from your SleekBoxes and the checkboxes from Heyloyalty to each other.

Thus, when someone checks the box in your SleekBox, Heyloyalty will receive a value that says that the box has been checked. This means that if you’re using Heyloyalty, you can now be sure that they can see that your email subscribers have consented to receive emails from you.

That way, you won’t have any problems regarding their spam policy.

2. Notification emails are now sent from our own domain

Up until now, notification emails regarding SleekBoxes have been sent directly from an Amazon mail server. This may have been a problem for you if you have a spam filter. Maybe you’ve been reluctant to open up for the Amazon server in your email system due to the risk of spam. Thus, you might have missed some information about actions performed in your SleekBoxes.

We definitely don’t want you to miss out on any information about your SleekBoxes, so we’ve decided to send out notification emails directly from our own domain to ensure that your notification emails won’t end up in your spam filter.

3. Faster-loading statistics

We’ve also been going through our statistics setup and made some optimizations to ensure that your user experience is as smooth as possible. This means that statistics will now be loading faster.


We have a ton of further updates in the pipeline since we believe in continuous improvement, and today, I want to pull back the curtain to show you a few features we’re working on. Some of the additions we’ll be presenting to you in the nearest future include:

  • Dropdowns in your SleekBoxes
  • A SleekBar
  • Even more targeting options

Over to you

I hope this post will help you get the most out of your SleekBoxes, and perhaps even teach you a thing or two when it comes to collecting more leads.

If you have any questions regarding these or any other features, we’re more than happy to help you optimize your setup for free.

As always, we welcome any suggestions or challenges you might have regarding your SleekBoxes.

You can always get in touch with us below:

Email: mail@sleeknote.com
Telephone: +45 71 99 77 07

Or, if you prefer, leave us feedback.

Which feature are you most excited about? Leave a comment below

Like what you read? Leave a comment