Как создавать эффективные cta, чтобы «за руку» привести клиента к покупке

Выбор правильного количества CTA для любой страницы

В мире веб-дизайна существует общее убеждение в том, что веб-страницу нужно разрабатывать только вокруг одного призыва к действию. Однако, это не всегда так.

В то время как некоторые страницы определенно должны иметь единый призыв, другие должны иметь несколько.

Единый призыв к действию – это отличный вариант для выделенных страниц, на которых вы хотите, чтобы ваши клиенты делали одно определенное действие. Целевые страницы и страницы захвата потенциальных клиентов работают лучше, когда они являются максимально целенаправленными и содержат один призыв к действию.

Если пользователь попал на вашу целевую страницу, есть большая вероятность того, что он уже готов действовать. На сайте есть и другие страницы, которые могут требовать одного CTA. Например, конкретная страница услуги может просто предложить возможность отправить запрос команде.

Однако в веб-дизайне есть место и для нескольких CTA. Домашняя страница, страницы магазинов и даже страницы контактов могут содержать более одной кнопки CTA – и это нормально. Главное – продумать желаемое поведение пользователя заранее и добавить соответственное количество кнопок.

Превью: Igor Miske

Conclusion

The analysis of the above-listed websites shows that it is worth using a call to action element notwithstanding the sphere of the company’s work. It is a universal tool for fast redirecting the user to the required page. When used properly, call-to-action elements reduce the path between visiting the website and ordering the item or the service.

As for the call to action design, we recommend:

  • the most important CTAs should be designed as buttons. It is recommended to make some responsive to hovering (change color or maximize);
  • call to action may be in the form of text. In this case, make it colored or slightly offset it from the text block. A marker underlining that it is not just a text, but a CTA can be placed in the right.

Following the above-given recommendations makes calls to action really efficient. The websites above can be used as an example of using calls to action.

Know your devices

Creating a killer call-to-action is important, that’s no secret. But I also urge you to consider customizing your CTA based on the device being used by your audience. Google considers desktop and tablet as the same device, as the screen sizes are roughly the same, and people use them for search in similar scenarios. An example of this would be a person sitting on the couch at night, who sees an ad on TV for a product they’re interested in. The next thing they’ll probably do is grab their laptop or tablet and search for more information on it.

However, mobile devices tend to have different user behavior and search intent than desktop/tablets, making it prudent to tailor your CTA based on device. Users who search for something on their desktop or tablet are typically still doing their research, and are not quite ready to commit. But users searching for something on their mobile phone are often looking for “instant gratification” or fast results.

Someone could be walking down the street when they see an ad on a moving bus, and whip out their phone and quickly search for what they saw before it leaves their brain. Their search will also likely result in a phone call to complete the desired action, rather than browsing a website. My advice is to create a more phone call-centric CTA for your ads that appear on mobile devices. You could try something like “call now to get started” or “call us today for more information,” and that should help guide your target audience to take the action you want them to take.

There are two ways you can make this tactic even more effective:

  • Google gives you the ability to set a mobile preference for your ads, which allows you to designate certain ads to only appear for searches completed on mobile devices. With this option, you can focus your CTA on generating more phone calls.
  • You can also enable call extensions, which allow you to display your phone number alongside your ads. This option is available for all devices, and I strongly recommend that you take advantage of it, but Google automatically adjusts the way your call extensions are displayed on mobile searches. Instead of your number appearing, a small “Call” button will be display, allowing for one-touch dialing. This is what is known as Google’s “Click- to-Call” function.

Google’s Click-to-Call button appears on mobile searches

Dropbox Business: CTA для высококвалифицированных пользователей

Еще один пример от Dropbox. Этот был использован на странице Dropbox Businessproduct. На странице с ценами имеются два вида CTA. Первые и явно выделяющийся предлагает начать пользоваться пробной версией.  Так, вероятно, большинство пользователей и начинают работу с Dropbox.


Но есть и второй CTA -«Заказать сейчас» — он поменьше и создан для тех, кто уже успел оценить все плюсы программы и просто хочет получить полную версию немедленно.
Это также отлично подходит для тех, кто занимается бизнесом, ведь этот CTA значительно экономит время.

Создать свой доходный онлайн-бизнес — мечта многих. Но 95% предпринимателей никогда не дойдут до своей цели, потому что попадут в «ловушку» и не смогут оттуда выбраться…

Чтобы этого не случилось, приходите на бесплатный онлайн-мастер класс «Система стабильных интернет-продаж знаний и услуг, которая принесла уже более 0,5 млрд. выручки» и узнайте как получать максимум клиентов и продаж, не сливая бюджет на рекламу.

Что такое CPС?

CPC («cost per click») — это стоимость каждого клика по рекламному объявлению вместе с последующим переходом пользователя на сайт рекламодателя. Особенности СРС-показателя:

  • в 90% по рекламному блоку кликают действительно заинтересованные пользователи. А это значит, что оплата за клики позволяет заполучить более лояльную аудиторию.
  • при оплате за каждый переход пользователей на сайт, всегда есть риск злоупотребления этой возможностью (например, пустое «скликивание» бюджета конкурентами). Большинство площадок-доноров защищают деньги рекламодателей от подобных случаев (блокируют средства, если один и тот же пользователь чересчур «интересуется» рекламой), но проблему праздного любопытства пока решить никому не удалось.
  • при оплате за клик площадки-доноры предоставляют статистическую информацию о каждом пользователе, который перешёл по рекламной ссылке. Таким образом, у рекламодателя есть возможность понять, какая именно аудитория интересуется его рекламой. Конечно же, статистические данные ограничены только той информацией, которую каждый пользователь оставил о себе на сайте.

How to create a call to action

There are several recommendations suitable for any case. When designing a call to action, follow the recommendations below:

Maximum informative value. The call to action text should show what would happen after pressing the button. Do not use unclear wordings. For example, if you offer to download freeware, write “Download for Windows”; if a visitor needs to fill in a form, write a corresponding text;

If you offer any bonuses, focus on this. This is usually made before the call to action itself so that the visitor would not forget about the profit for sure. Sometimes the information (e.g., about a discount) is placed on the call to action itself. E.g., lamoda.ua has a call to action button that forwards the user to the page with promotional products that can be purchased with a 15% discount;

Story-telling – show the advantage of your offer with a few phrases (why should the user choose you). After this, place the call to action button;

  • when you design the call to action text put yourself in the shoes of the prospect. E.g, a CTA “ I want to take my website to the TOP” sounds better than “Make an order” or “Buy”;
  • use the same font as for the website design;
  • the images on the page should be related to the call to action. E.g., if there is a man pointing somewhere on the image, make it so that s/he would point on the CTA button;
  • experiment with the changeable call to action button design. E.g., it can change color when scrolling. This attracts more attention;
  • if you are using 2 adjacent call to action buttons, the should have a different color.

Reasonable creativity is welcome.

Use a strong command verb to start your CTA

It’s all about being clear and concise with your CTA. You don’t have a ton of space in your ad to get your point across, with the character limit set at 35 characters per description line, so it is important to get straight to the point. Let your audience know exactly what you want them to do, and don’t dilly dally – start the CTA with the desired action.

  • Run an e-commerce website? Start your CTA with words like “buy,” “shop,” or “order”
  • Promoting a newsletter or white paper? Start your CTA with words like “download” or “subscribe”
  • Want someone to request more information? Try “fill out a form for…” or “find out how…”

Let’s go back to that white paper example. If you’re a marketing agency promoting your latest tips and insights, you want to be sure to that your audience understands exactly how to access that white paper. If your CTA read something like “Our latest white paper is available” you may not get a great click-through rate, as folks might not be sure where or when they can expect to get their hands on it. A call-to-action such as “download our white paper today!” is much more direct and informative, which should help improve CTR.

How to use calls-to-action for lead generation

Unfortunately, like with many things in marketing, There’s no easy answer to these questions, but there are clear best practices that have been proven to work time and time again. In order to make the best CTA remember to do follow these guidelines:

  1. Make them action-oriented by adding strong language that inspires the user to take the next step
  2. Use the first-person. This allows the user to really imagine themselves taking what ever action you want them to. 
  3. Include strong visuals to draw the eye of the user.
  4. Create a sense of urgency by again adding strong language that adds just the right amount of pressure to make a user click right then and there.
  5. Eliminate objectives or friction to keep the process as simple as possible
  6. Make them stand out and easy to find again. This helps bring the user’s eye to exactly where you want it to be.

Keeping these tips in mind, check out these CTA examples from a variety of companies and industries putting who are putting best practices into action. Use them to help inspire you and your CTA creation.

QuickBooks: «Buy now and save»

When you get to the Quickbooks demo page, you’re given a couple of choices. You can watch a quick video to see how the tool works, then you can either buy now and save some money by purchasing without a demo — or you can book a demo.

For those that really need to get all of the information before signing-up, I could see this being a deterrent, but since they give you access and plenty of how it works information right next to the CTA, I see this as a great tool to get users to skip a step in the sales process and shorten the sales cycle.

If you’re someone who really knows what you want and doesn’t want to waste your time with a demo then it’s a no-brainer to save money and time! 

Как переустановить нижнюю деталь кнопки-застежки

Среди застежек для одежды есть кнопки, которые не пришиваются, а устанавливаются в определенное место с помощью специального устройства. Как и нашивная кнопка, такая кнопка состоит из двух деталей, в одной из деталей (верхней, которая видна с лицевой стороны одежды) есть отверстие, а в другой (нижней) цилиндрический выступ, соответствующего отверстию диаметра. Когда цилиндр входит в отверстие, детали кнопки смыкаются и соединяют друг с другом детали одежды, на которые установлены. В отличие от нашивной кнопки, каждая деталь кнопки, представленной на фото, состоит еще из двух деталей, которые устанавливаются с обеих сторон ткани и плотно фиксируются друг в друге.

Если у вас возникла необходимость укоротить рукав купленной сорочки, и не остается ничего другого, как отпороть манжеты, планки и обтачки, отрезать от низа рукава лишнюю длину, оформить разрез внизу рукава теми же обтачками и планками (так как сорочка шилась не вами, и подходящей ткани для выкройки новых нет), к новой линии низа рукавов притачать манжеты, вы можете столкнуться со следующей ситуацией. Одна из деталей кнопки-застежки может быть расположена очень близко к краю обтачки или же вовсе частично заходить на ткань детали рукава, в этом случае, притачать обтачку на новое место, без демонтажа кнопки не получится, так как она будет препятствовать входу ткани рукава между слоями обтачки.

CTA на странице продукта

На большинстве страниц продукта должно быть несколько CTA. Это необходимо, поскольку существует вероятность, что на сайте будет более одного вида посетителей. С одной стороны, у вас может быть покупатель, который захочет добавить продукт в свою корзину и продолжить просмотр. С другой стороны, на сайт может попасть лид, который сразу же захочет оформить заказ.

В зависимости от типа продукта, у вас также могут быть посетители, которые просто хотят поговорить с представителем службы поддержки клиентов. Существует множество страниц с описанием товара, на которых есть ссылка на контактную страницу.

Возмем, к примеру, сайт Karimoku Cat. На странице есть ссылка как на страницу продукта, так и на страницу Amazon. Благодаря этому, клиенты могут выбрать как им удобнее продолжить просмотр.

What Is a Call to Action?

Calls to action are used in business as part of a marketing strategy to get your target market to respond by taking action. It’s generally used at the end, or sometimes throughout a sales pitch, to let potential clients and customers know what to do next if they’re interested in what you offer.

It seems obvious to let people know the next step in doing business with you, but the truth is, many new business owners don’t have calls to action in their marketing and sales pitches. This is usually for one of two reasons:

  • A belief that the prospect already knows what to do if they’re interested in buying or learning more
  • Concerns that calls to action are obnoxious and will annoy the potential customer

Whatever the reason, leaving calls to action out of your marketing materials can mean losing prospects and money. They are essential in directing a prospect to the next step of the sales funnel or process. Don’t assume people know what to do when they read your ad or marketing materials. You’ll get greater results by being clear about what the prospect needs to do next.

Acronym: CTA

Every time you’re in front of your lead or prospect, ask them to take the next step, whether that’s to read more, give feedback, sign up, or buy.

Как создать онлайн-школу и не погрязнуть в тонкостях маркетинга

Призывы к действию, лидогенерация, запуск контекстной рекламы, выявление целевой аудитории — это важные маркетинговые составляющие, которые необходимы для любого онлайн-бизнеса. Но если вы хотите создать прибыльную онлайн-школу, рекомендуем не тратить на изучение этих процессов слишком много времени.

Намного эффективнее будет найти специалиста, который запустил уже несколько проектов, совершил какие-то ошибки и точно знает, что делает. А вам стоит сосредоточиться на развитии бизнеса — продюсеру построить автоворонку продаж, эксперту создать привлекательный и полезный курс.

Подготовьте почву для аналитики

Обязательно подключите к сайту Яндекс.Метрику или Google Analytics — с помощью этих сервисов на кнопки формы можно «повесить» специальные метки, прописать цели и отслеживать эффективность призыва к действию.

Определите цели вашего призыва. Понятно, что общая задача — мотивировать человека на покупку. Но мотивацию сложно измерить, даже если статистика настроена правильно.

Помните, что в воронке продаж сама сделка заключается на последнем этапе. Все шаги до него должны мотивировать на продвижение по воронке. Как это работает в маркетинге:

  • Цель должна быть измеримой. Не просто «Дать пользователю интересный контент», а «Пользователь подписывается на рассылку»;
  • Цель должна быть понятной. «Пользователь подписывается на рассылку» — плохо. «Будущий клиент подписывается на рассылку, читает письма и возвращается на сайт за покупкой нового курса» — хорошо.

Skype: Подчеркивает наиболее удачное решение

Для посетителей, которые хотят начать пользоваться данной программой, Skype показывает два схожих CTA. Одно предлагает веб-версию, другое – обычную программу для PC.
При этом CTA–кнопка второго варианта более яркая и бросающаяся в глаза. Команда Skype использовала контрастирующие цвета, которые существенно выделяют кнопку PC – версии. Выглядит это вот так:

Причина этого решения заключается в том, что установка пользователем программы на сам компьютер куда важнее и приоритетнее для Skype, чем использование онлайн-версии. К PC версии программы пользователь имеет постоянный доступ, а значит ему не придется загружать веб – версию, чтобы сделать звонок. Отсюда вывод – чем удобнее и практичнее решение, тем чаще люди будут его использовать

Именно поэтому для Skype это так важно

Adobe: Продажи это хорошо, но и о порядке забывать не стоит

Существует просто куча способов привлечь посетителей и заставить их подписаться или купить ваш продукт

Проблема в том, что чем больше способов вы используете, тем выше риск усложнить (читайте захламить) ваш сайт.
Чтобы этого не произошло, важно следить за иерархией информации на сайте, а особенно за иерархией CTA.
Компания Adobe демонстрирует отличный пример того, как иметь несколько CTA в одном месте и при этом не противопоставлять их друг другу. Преподнося их новое решение — Creative Cloud, они использовали простую CTA-кнопку ‘Купить’, а так же CTA, перенаправляющий на другие предложения компании


Таким образом, у посетителей есть вариант выбора – сразу приобрести полный пакет или же выбрать что-то более подходящее именно им.

Главные правила контента

Текст CTA должен быть простым, однозначным и конкретным, чтобы человек прочёл призыв и сразу понял, что его ждёт в обмен на адрес электронный почты. Основа любого призыва к действию, с точки зрения текста — это глагол в повелительном наклонении.

Плохо Хорошо
Можно прийти на вебинар в среду вечером Регистрируйтесь на вебинар прямо сейчас

Одного глагола обычно мало — призыв стоит доработать чем-то мотивирующим. Например, указать, что получит пользователь, если совершит действие:

Плохо Хорошо
Скачай электронную книгу по онлайн-школам Оставь email и мы пришлём тебе PDF с подборкой лучших ниш для бизнеса в 2019 году

Если вы не хотите вовлекать пользователя в долгую воронку продаж, попробуйте мотивировать его дедлайном. Есть несколько вариантов таких призывов:

  • Поставьте под окном CTA счётчик времени с текстом, что до конца продажи осталось N дней;
  • Пообещайте бонус, если человек купит прямо сейчас — например, скидку, доступ к редкому и полезному контенту или личный коучинг:
  • Напомните, что количество мест в группе ограничено, и ему стоит поторопиться.

Есть ещё несколько важных советов по разработке CTA:

  • Тщательно продумывайте весь контент на странице — эффективность CTA зависит не только от текста над кнопкой, но и от всего содержимого сайта;
  • Сделайте формы CTA яркими и заметными;
  • Кнопки для вызова всплывающей формы должна быть по всему сайту — помогите пользователю в любой момент совершить действие, а не разыскивать форму на одной из страниц;

Лайфхак — объясните, зачем человеку выполнять действие. Кнопка «Подписаться» — плохо. «Отправить PDF-план» — хорошо.

CTA на домашней странице

На домашней странице будет несколько CTA, потому что это первая страница, знакомящая посетителей с брендом и всем, что вы можете предложить.

Люди, посещающие домашнюю страницу компании или клиента, не обязательно будут приходить с одной целью. Некоторые из них захотят узнать больше о бренде, в то время как другие захотят ознакомиться с продукцией.

Взгляните на домашнюю страницу компании King and Mcgaw. На этой странице у пользователя есть возможность кликнуть мышью по множеству элементов:

На домашней страницей вы даете пользователям как можно больше свободы. Они находятся в такой стадии, когда не хотят, чтобы их подталкивали к единому решению.

Конечно, некоторые посетители могут прийти на ваш сайт и сразу же что-то купить, но это маловероятно. Дайте потенциальным клиентам время на размышления и ознакомление с информацией. Не нужно сразу же заставлять их принимать поспешные решения.

Разновидности

Кнопки для одежды различаются по материалу изготовления:

  • металлические;
  • пластиковые.

По способу крепления они могут быть:

  • установочные — закрепляемые с помощью специальных инструментов;
  • пришивные — для их крепления нужны нитка и иголка.

В зависимости от формы, назначения и применения их делят на:

  • простые;
  • s-образные;
  • рубашечные;
  • магнитные;
  • клямерные;
  • кобурные;
  • штрипки;
  • планшетные.

О-образная

Самый распространенный вид кнопок — о-образные. Их называют простыми, кольцевыми или летными, поскольку впервые застежка появилась на куртках и комбинезонах пилотов. Конструкция не отличается сложностью и состоит из двух металлических частей, плотно входящих одна в другую. Верхняя составляющая имеет пружинное крепление.

Простые кнопки используют как на разных типах повседневной одежды, так и на специализированном текстиле.

Scuolaleonardo.com

The second website I mentioned back in 2012 was Scuola Leonardo da Vinci. Since we did website reviews for websites from all over the world, I decided to look up an Italian School in Italy. At first, in the Italian language. After looking at their website, I decided to stick to Google Translate… as I couldn’t find where to apply for a course. As it turned out, the question “Where do you want me to click???” was impossible to answer for this website. The total lack of a call-to-action, combined with the overall clutter, makes a visitor head back to Google in the blink of an eye.

Just like Jobsite.co.uk, this website has developed over the years, but just not as much. The first view of the 2016 website is this:

We have the modern large image in the first view, with a nice block of text that could have easily been the call-to-action. But it isn’t, as the entire image holds no link. A missed opportunity. A bit more down that page, we do find some call-to-action buttons:

Why not start with these? They make perfect top tasks for that website and deserve some more TLC in my book. Change the button color to make them stand out more from the rest of the design altogether.

Use words that provoke emotion or enthusiasm

You want to be able to elicit a strong response from your audience as a result of their enthusiasm. If your CTA is enthusiastic, then your audience will be enthusiastic too. Take a CTA like “buy now and get 50% off!” – not only are you providing them with a massive benefit, but who wouldn’t be thrilled to get their order for half off?

For someone looking to book a trip with their family, a CTA such as “plan your dream vacation today!” will excite them about the notion of a family trip and make them eager to click on your ad. A small, yet effective element here is adding an exclamation point to the end of your CTA in order to provoke that enthusiasm. It makes your CTA pop, and gives it a little extra kick.

Look how much more exciting exclamation points make everything

Кнопка CTA — как достичь высокой конверсии?

Благодаря чему cta кнопка успешно конвертирует клиентов? Все эффективные CTA кнопки имеют следующие характеристики:

  1. Кнопки заметны и очевидны Кнопки призыва к действию (Call to action button) выглядят одинаково и имеют вид кнопок. Они противопоставляются контрастному фону и достаточно крупные для их быстрого обнаружения, но при этом не слишком большие, чтобы не мешать восприятию сайта пользователем.У Patagonia на домашней странице несколько CTA, которые приглашают вас сделать покупку или изучить их контент (который, в свою очередь, также ведет к покупкам).

Конкретно
эта CTA-кнопка
приглашает посмотреть их видео (Watch the video).

Строгие черные кнопки Patagonia противопоставляются центральному фоновому изображению и контрастируют с белым слоганом.

2. Кнопки убедительны

Текст CTA должен звучать конкретно и убедительно, чтобы пользователь непременно захотел сделать то, что вы от него хотите.

Вот пример кнопки CTA (call to action) от сервиса маркетингового анализа контента MarketMuse.

MarketMuse полностью изменили принцип работы CTA. Вместо того чтобы попросить вас проанализировать свой контент, они поменяли местами компанию и пользователя. Когда я нажимаю на кнопку CTA, это я прошу их проанализировать мой контент.

3. Кнопки персонализированы

Есть несколько причин, почему маркетологам при разработке эффективного контента советуют прибегнуть к созданию профиля клиента.

Одна из них заключается в том, что для конкретной целевой аудитории намного проще придумать персонализированную CTA-кнопку. И чем более релевантна кнопка призыва к действию, тем выше шанс конверсии в покупателя.

В качестве примера давайте рассмотрим две различные аудитории вашего бизнеса по продаже пылесосов:

  • Коммерческие клининговые компании;
  • Частные лица, приобретающие пылесос для дома.

Обе аудитории могут нажать на CTA на лендинге со следующей формулировкой “Узнать больше о наших продуктах”.

Но в то же время потенциальные коммерческие клиенты охотнее нажмут на CTA-кнопку “Узнать больше о наших профессиональных пылесосах”, а частные — на cTA-кнопку “Узнать больше о домашних системах уборки”.

Самый простой пример персонализированной кнопки призыва к действию — это кнопка для новых и для существующих пользователей:

  • нового пользователя система попросить зарегистрироваться;
  • а существующего — войти в систему.

4. Кнопки не теряются в потоках текстовой информации

Эффективная CTA кнопка выделяется на странице. Она не «похоронена» под бесчисленными абзацами текста.

На лендинге нет места скучному описанию компании. Приберегите этот текст для страницы «О нас» и «Наши продукты».

Вот, например, домашняя страница Apple.

Хотя я более чем уверена, что они ее должным образом протестировали, я все же считаю, что для лендинга она содержит слишком много информации. Кнопка призыва к действию синего цвета практически незаметна на черном фоне.

Тем временем в Microsoft началась распродажа продуктов. Они по-другому оформили лендинг.

На странице ненавязчивый намек на Супербоул и минимальное количество текста. Черная CTA кнопка выделяется на розовом фоне и перекликается с черными футболками игроков.

Смысл лендинга заключается в том, чтобы рассказать, кто вы такой и как можете решить проблему клиента. Завершающим аккордом выступает CTA.

5. Кнопки находятся в правильном месте

Самый важный пункт я приберегла напоследок. Если вы хотите, чтобы на CTA-кнопку нажимали, то она должна быть в таком месте, где ее легко найти. Во всех примерах выше (за исключением Apple) CTA было легко обнаружить.

Ни одна из этих кнопок:

  • Не была в нижней части страницы, доступной только после прокрутки;
  • Не находилась сбоку или в углу;
  • Не была посередине текста.

Продуманное размещение CTA — это попытка предугадать, в каком месте пользователь ожидает ее увидеть.

What Is a Call to Action (CTA)?

A call to action (CTA) is a marketing term that refers to the next step a marketer wants its audience or reader to take. The CTA can have a direct link to sales. For example, it can instruct the reader to click the buy button to complete a sale, or it can simply move the audience further along towards becoming a consumer of that company’s goods or services. The CTA can suggest that the reader subscribes to a newsletter that contains product updates, for example. To be effective, a CTA should be obvious and should immediately follow the marketing message.

Key Takeaways

  • A call to action (CTA) is a marketing term that refers to the next step or the action that the marketer wants the consumer to take.
  • Calls to action can be as direct, such as a button that says «Buy Now,» or a softer CTA such as «Read More.»
  • Through practices such as A/B testing, marketers can learn which CTAs are most effective in getting the audience to do a specific action.

Create and iterate

All of these companies are using one or more of the CTA best practices listed above, but they don’t all use each and every one of them. A couple of them even fall short in certain areas. 

It’s important that you discover for yourself what works best with your audience. Different placement, copy, or design may resonate differently depending on who is visiting your site, but that doesn’t mean you can’t use these examples are inspiration. 

Take what you’ve learned here and start applying it — then test it. You’ll likely not going to land on the perfect CTA with your first shot, but keep you user and your message in mind and start to brainstorm.

Как лучше оформить призыв к действию?

1. Расположение. При выборе места размещения CTA помните о главном принципе чтения информации с монитора: из верхнего левого угла в правый нижний.

2. Цвет

Важно, чтобы призыв к действию был заметен и вписывался в общий дизайн. Некоторые компании выбирают в качестве основного цвета CTA свой брендовый цвет

При этом помните, что на странице не должно быть более четырех цветов — пощадите глаза своих клиентов.

Вот как выглядит беспощадный дизайн:

3. Размер. Слишком маленькая кнопка не будет заметна, а слишком большая точно будет раздражать. Выберите гармоничные пропорции.

4. Форма CTA должна быть привычна для пользователя и (спасибо, кэп) напоминать кнопку.

Не делайте кнопку круглой, пусть даже это и стильно:

5. Таймер. Поставьте возле кнопки таймер с обратным отсчетом времени акции или количеством оставшегося товара.

6. Приоритетность. Помните о приоритетности кнопок: не ставьте рядом одинаковые кнопки. Это сбивает с толку и понижает показатель кликабельности.

Пример страницы без призыва:

Вроде бы и понятно, что означает кнопка с корзиной, но она не мотивирует приобрести выбранный товар.

А вот пример правильного призыва к действию от Chrome:

Обратите внимание на дополнительный комментарий под кнопкой — забота всегда ценится пользователями. Еще один хороший пример CTA — текст («Посмотрите, что будет дальше») и ярко-красная кнопка («Присоединиться бесплатно на месяц»):

Еще один хороший пример CTA — текст («Посмотрите, что будет дальше») и ярко-красная кнопка («Присоединиться бесплатно на месяц»):

Бонус: еще несколько советов:

  1. Уберите регистрацию. Позвольте сделать заказ на сайте без дополнительной регистрации. Если клиент останется доволен, он самостоятельно зарегистрируется у вас, чтобы оставаться в курсе новостей и интересных предложений.
  2. Добавьте стрелки. Стрелки и направляющие влияют на уровень кликабельности:
  1. Предложите бесплатную услугу или подарок. Заинтересуйте нового пользователя бесплатной доставкой, подарком, особыми условиями пользования.
  2. Добавьте подсказки. Это могут быть небольшие всплывающие комментарии или подсказки, которые появляются при наведении курсора на кнопку.
  3. Кнопка, меняющая цвет, способствует привлечению внимания.
  4. Страница для тех, кто собрался уйти. Настройте выпадающее окно для пользователей, которые отвели курсор и собираются уйти со страницы:

Одна страница должна содержать один призыв к действию. Не перегружайте.