new-editor-1As 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 sleeknotes 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 sleeknote.

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 sleeknotes 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:Old-editorNew editor:New-editor

Editor

Templates

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.typesofsleeknotesOf 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 sleeknote in a matter of minutes.

All the elements in your sleeknotes 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 sleeknote and decide exactly where to put them.

Here’s how it works:

test

Containers

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

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

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 sleeknotes, and encourage more personalized and custom-made sleeknotes.

Containers

Side by side

Another way we’ve made the sleeknotes 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.

sidebyside

As with the new containers, we’re positive this new feature will lead to even more unique and custom-made sleeknotes. Now, you can make your sleeknotes 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.

in-line-text

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 sleeknote (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.
undo

Layouts

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

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

gif-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 sleeknotes.

picture-editor

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 sleeknote 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 sleeknote.

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:

rule-engine

Triggers

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

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 sleeknote 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.

triggers

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.

triggers

Once a visitor enters the site with your sleeknote, they will be presented with the teaser (provided you have a teaser on your sleeknote). The set number of seconds will then determine when the sleeknote 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 sleeknote based on the scroll percentage of your page. This is useful is you want your sleeknote to pop up after your visitors have seen a certain percentage of your site.

scroll

Simply type in the percentage of your page that has to be scrolled before the sleeknote 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 sleeknotes 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 sleeknote without affecting bounce rate or other important metrics.

exit-intent

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

The sleeknote 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 sleeknote won’t appear on mobile devices.

We recommend using this trigger along with a sleeknote placed in the center of the screen, as a sleeknote 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 sleeknote in just about every way you can think of.

The only limit is your own JavaScript-skills.

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

mnual

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

This can be found here or by going to your “My Sleeknotes” page and then pressing “Options” on the sleeknote 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 sleeknote script will still have to be implemented in order for it to work (as well as the sleeknote 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.

Conditions

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

Conditions are used if you don’t want to show your sleeknote 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 sleeknote on specific URLs, or based on cookie settings.

conditions

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 sleeknote to all new visitors (one condition) and hide sleeknote to all newsletter subscribers (another condition).

hideshow

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 sleeknote for these abandoned cart visitors and try to get them to complete their purchase.

specificcookie2. Show count

This feature will help you avoid over or underexposing your visitors to your sleeknote. 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 sleeknote. Since your visitors will typically only see the sleeknote once per visit, this can be reduced to how many visits in which you would like the specific visitor to be exposed to your sleeknote.

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

show-count3. Newsletter subscriber

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

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

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

newsletter-subscriber4. 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 sleeknote 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 sleeknote once, use the “Show count” condition instead.

new-visitor5. 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 sleeknote 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.

sequence6. Specific URL

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

Start by deciding if you want to show or hide the sleeknote on 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 sleeknote on one URL will not automatically exclude your other sleeknotes from appearing on the same URL meaning you will have to do that manually.

specific-url7. 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 sleeknote based on query strings that you have placed during the checkout flow, login, or visitors coming from a specific source.

specific-query8. Specific referral

If you want to show or hide your sleeknote 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 sleeknote 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.

specific-referral9. 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.

utm10. 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 sleeknote to appear.

if-all-conditions11. 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 sleeknotes 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 sleeknotes.

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

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 sleeknotes and test how effective they are on your site.

Goalpage

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.

Super-User

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 sleeknotes and the checkboxes from Heyloyalty to each other.

Thus, when someone checks the box in your sleeknote, 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 sleeknotes 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 sleeknotes.

We definitely don’t want you to miss out on any information about your sleeknotes, 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.

Upcoming

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 sleeknotes
  • A hellobar
  • Even more targeting options

Over to you

I hope this post will help you get the most out of your sleeknotes, 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 sleeknotes.

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

Morten Küseler
Morten is the Customer Success Manager at Sleeknote. He is the foremost expert on the sleeknote product. When he’s not busy fixing everyone else’s problems, he can usually be found with a beer in his hand at some of Aarhus’ more questionable bars.

You might also like these...

Submit a Comment

Your email address will not be published. Required fields are marked *