No se neces

ita
ningn dise
ador o
software de d
iseo!

NDICE
LOS BOTONES DE LAS CTA 3
COLORES HEXADECIMALES Y CONSEJOS
DE PERSONALIZACIN 5
5 COLECCIONES DE 50 LLAMADAS A LA ACCIN
PERSONALIZABLES
10
CMO UTILIZAR ESTAS CTA 31
CONCLUSIN
37

LOS BOTONES DE LAS CTA

Sabemos que crear llamadas a la accin (CTA) puede ser difcil si se tienen
recursos y un presupuesto limitados. Monitorear el xito de esas CTA es an
ms difcil.
Estamos aqu para ayudarte.
Aqu encontrars una coleccin de 50 diseos de CTA personalizables que
puedes utilizar en cualquier recurso digital; pginas de destino, posts,
actualizaciones en redes sociales; lo que sea.
Quieres saber cul es la mejor parte? Puedes cargar tus CTA
personalizadas al creador gratuito HubSpot CTA para comenzar a
recopilar las mtricas de su desempeo. Con este podrs saber cuntas
personas vieron tus llamadas a la accin y, an mejor, cuntas personas
hicieron clic en ellas!
No hay nada mejor que la belleza de la informacin.

TUS CDIGOS DE COLORES

HEXADECIMALES
Por ms que queramos, no podemos crear distintas CTA que coincidan
con los colores de cada marca, a menos que tu sitio web tenga los
colores que puedes ver aqu. Pero si eres como la mayora los
profesionales del marketing (incluyndonos), puedes personalizar los
colores al obtener el cdigo hexadecimal (HEX) de los colores
principales de tu sitio web y colocarlos en PowerPoint.
Un cdigo hexadecimal es un cdigo alfanumrico de 6 caracteres
que representa un color. Para obtener los cdigos HEX para tu sitio
web o blog, solo toma una captura de pantalla de ellos y dirgete a
http://www.imagecolorpicker.com/.
Una vez que ests ah, carga esa captura de pantalla pulsando el
botn Upload your image (Cargar tu imagen). Despus selecciona
cualquier punto de la imagen que cargaste y de inmediato vers su
cdigo hexadecimal correspondiente a la derecha.

COLOCA TUS CDIGOS HEX

EN POWERPOINT
Una vez que aparezca el cdigo hexadecimal correspondiente,
necesitars transferir esa informacin a PowerPoint.
Dirgete a Diseo Colores Crear nuevos colores del tema. A partir
de ah,
te dirigirn a un lugar que te permitir cambiar los colores en tu paleta
para
que estos coincidan con los de tu marca.

COLOCA TUS CDIGOS HEX

EN POWERPOINT
Haz clic en cualquier opcin de nfasis y dentro de las
opciones del men desplegable selecciona Ms colores.
Asegrate de estar en la
pestaa de Personalizado.
Vers un opcin para
introducir un nmero para el
color Rojo, Verde y
Azul. Estos son los colores
RGB (por sus siglas en ingls)
que aparecen en el cdigo
HEX que se gener en
imagecolorpicker.com.
Solo agrega esos nmeros
aqu. Haz clic en Aceptar y
listo! Ese color ya se
encuentra en tu paleta.
Contina modificando los

2 CONSEJOS SENCILLOS PARA

PERSONALIZAR LAS CTA EN
POWERPOINT
Al hacer doble clic en cualquier imagen, cuadro de texto
o forma, se abrirn varias opciones para que puedas modificar
la apariencia del objeto correspondiente; ya sea el sombreado,
los colores, rellenos, lneas o estilos. Mantn la mente abierta,
juega con los colores y analiza tus descubrimientos!
Cuando insertes imgenes en tu CTA, es posible que te
des cuenta de que la imagen que seleccionaste tiene un fondo
blanco, mientras que tu CTA no. Para arreglar esto haz que la
imagen tenga un borde o utiliza la herramienta de
transparencia que se encuentra en tu barra de herramientas.
Solo haz clic en Sin relleno y despus en el fondo de tu
imagen.

COLECCIN 1
Botones bsicos de CTA
Esta primera coleccin de CTA es perfecta
para una pgina de destino o post sencillo
que necesite un toque de color para atraer
la atencin del visitante. Sintete libre de
cambiar el tipo de forma, color (al hacer
doble clic) y el texto al hacer clic en el
cuadro de texto.

SUSCRBETE A ESTE BLOG PARA OBTENER

ACTUALIZACIONES DIARIAS!

estos
e
d
o
t
x
e
biar el t
m
a
c
a
r
a
P
acer tus
f
is
t
a
s
y
clic una
z
a
botones
h
lo
o
des, s
r
necesida xto. Para cambia
z
l te
color, ha
vez en e
o
o

a
, tam
la forma
forma.
a
l
n
e
ic
doble cl

REGSTRATE PARA OBTENER

UNA EVALUACIN
GRATIS ONLINE

OBTN EL
EBOOK MS
RECIENTE

Evaluacin
gratis

DESCRGALO HOY MISMO

OBTN TUS
PLANTILLAS GRATIS

SUSCRIBBETE
HOY

DESCRGALO

DESCRGALO HOY MISMO

SUSCRIBBETE
HOY

Descarga la plantilla ahora mismo

Obtn el cupn
de 25% de
descuento aqu

Regstrate hoy

Obtnl
o
ahora
mismo

Compra
r
ahora

Obtn tu
ebook
gratis

DESCARGA
TU EBOOK

REGSTRATE
PARA
OBTENER
UNA
DEMOSTRACI
N GRATIS
HOY MISMO

EMPIEZA TU
PRUEBA
GRATUITA
HOY MISMO

REGSTRATE
PARA
EL EVENTO
INBOUND
2014

MEJORA TU
MARKETING

PROGRAMA
TU CITA

COLECCIN 2
Compartir en las redes sociales y los
botones de emocin
Estas llamadas a la accin se crean con la intencin de
aumentar las veces que algo se comparte en las redes sociales
sobre tu empresa o utilizar la emocin en las redes sociales para
hacer que la cantidad de conversiones crezca.
Una vez que guardes las imgenes que se compartieron en
redes sociales, convertirlas en un hipervnculo con el fin de que
se convierta en un enlace para las redes sociales. Sigue las
instrucciones de este post para saber cmo hacerlo.

Haz clic aqu

para tuitear

COMPARTIR

Compartir
esta oferta
en Twitter

ACTUALIZAR

TUITEAR

Tuitea esta
estadstica!

Tuitea esta
cita!

de redes
A
T
C
s
a
t
es
les al
b
a
Haz que
e
u
iq
l
sean c
sociales
t.com y
e
e
w
t
o
t
k
n
lic
e tambi
utilizar c
u
q
L
R
U
una
generar
genes!

im
s
a
l
enlace a

Te gust lo que
leste? Comprtelo
con tus amigos!

Obtn tu
cupn

Gua esencial paso a paso sobre el marketing por

Internet

s c ar
Intenta bu
n
i
una emoc
itter
social en Tw l
ar e
para apoy
tu
valor de
a
oferta. Tom e
ra d
una captu
e los
pantalla d
ete a
g
tuits y dir
Insertar
ra
Imagen pa
agen
im
pegar la
clic en
aqu. Haz
ra de
cada captu la
en
pantalla y
CTA para
dos
agrupar to
tos y
los elemen
sola
tener una
CTA.

Incluye una lnea corta y

contundente para explicar un
poco ms el beneficio de llevar a
cabo la accin de esta CTA en
particular.

DESCRGALO
AHORA >>

El fo
n
mis do de
m
e
com o colo sta im
a
r
e
que ntario gris de gen es
s
el
s
que intete de Fac los
e
d
com rtelo libre d book, a
y
e
e
s
CTA ntario coloca
s vis
.
r
ible lo en lo
s de
s
tu

En este ebook aprenders:

Qu es el contenido dinmico
Cmo configurar el contenido
dinmico
Ejemplos de contenido dinmico

COLECCIN 3
CTA contextualizadas
Ya has visto algunas de las opciones bsicas
de botones de CTA. Juega con las siguientes
opciones para mostrar tu llamada a la
accin con ms contexto. Solo asegrate de
mantener el diseo general simple para que
los usuarios puedan ver con facilidad la
accin que quieres que tomen.

Descarga este ebook

gratis y haz que tu
marketing d un giro
NUEVO EBOOK

OBTNLO AHORA
MISMO

Descarga este
ebook gratuito
con trucos y
consejos para
tu marketing.

DESCARGAR

REGSTRATE
A TU
CAPACITACIN

REGISTRARME

Webinario: cmo
asegurar el crecimiento
expansible de los
ingresos

Transforma tu
organizacin sin
fines de lucro con
ayuda del
inbound
marketing hoy
mismo.

Registrarm
e

DESCARGAR

Suscrbete hoy y
obtn
el 50% de descuento
de tu suscripcin a la
SUSCRIBIRME
revista
XYZ.

TIENES HIJOS?
Deberan estar en la
escuela, aprendiendo
cosas.
EDCALOS

CEBRAS!
Son como caballos
en blanco y negro.

OBTN UNA
AHORA

No sabes
qu hacer?
Haz clic abajo para hablar con
un representante de soporte
al cliente ahora mismo.

CHAT EN VIVO

COLECCIN 4
Fotos y CTA en dispositivos
mviles
Las fotos te pueden servir como un gran recurso
para tu llamadas a la accin. Hacen que sea ms
fcil humanizar y personalizar los mensajes para
la audiencia de tu marca. Del mismo modo, los dispositivos mviles y
de escritorio pueden hacer
que tu accin aparezca en una ventana emergente.
Si tienes problemas para encontrar fotos libres de derechos de autor,
puedes descargar nuestro paquete de 160 fotos gratuitas. No se
requiere ningn tipo de atribucin, solo descrgalo y usa las imgenes!

Has
intentado
usar
nuestro
producto
online?
HZLO

Estableciste las metas

correctas para tu
empresa?
Nos encanta ayudar a las empresas a tener
xito. Djanos ayudarte! Haz clic aqu para ir
al chat.

ESTABLCELAS AHORA!

Inserta la
e tu
cubierta d
,
propia gua
de
diapositiva
una
in,
presentac
post
imagen de
r otro
o cualquie
visual
elemento
sy
que tenga
alo
solo colc
bleta
sobre la ta
senta
que se pre
hacer
aqu para
in de
la simulac
.
la pantalla

Haz clic aqu para

leer

ra
Prep
e!

Descarga tu copia hoy mismo >>

Quieres aprender sobre

la marcha? Lee nuestro
blog en tu telfono. Haz
clic aqu para comenzar.

COLECCIN 5
CTA de calificacin
Cuando tratas de hacer que una oportunidad de
venta avance ms abajo en el embudo, lo ms
probable es que quieras asegurarte de mostrar unas
CTA que los califiquen para el equipo de ventas.
Es importante que estas CTA den la bienvenida
a tus visitantes, no que los impulsen a irse.
Tener un buen diseo puede ser de ayuda!

EMPIEZA TU
PRUEBA
GRATUITA

PONTE EN
CONTACTO CON
UN
REPRESENTANTE
DE VENTAS

Plataforma de
marketing todo en uno.

Plataforma de
marketing todo en uno.

Incluye otras propuestas

de valor o texto
descriptivo.

Incluye otras propuestas

de valor o texto
descriptivo.

REGISTRARME

CHATEA CON
NOSOTROS

Sol
o
el lo haz cl
ic
g
sele otipo d derec
h
c
ima ciona e Hub o sobre
g
S
C
logo en pa ambia pot y
ra
r
tipo
de t coloca
u pr
r
opia el
ma r
c a!

VER UNA
DEMOSTRACIN

Ve la plataforma
en accin hoy
mismo.

CMO UTILIZAR ESTAS CTA

Ahora que has visto los 27 distintos botones personalizables,
lleg
el momento de aprender a utilizar los que terminars
personalizando.
Paso 1: haz clic en cada elemento asociado a las CTA, como se
r
greeggaar
ddeess aagr
e
u
p
e
lusoo puo dee ttuu
In
l
Incclugsottip
ipo d
arle eel
eell lo
logosa ppaarraa ddarlea ttuuss
a
a
e
r sa
rc a
eem
mpprede ttuu m
maarcos
e
oottip
ipos ntooss
ttooqquuee ds lo
g
g
lo s lo
meent
lem
CCTTAA;; lon soonn eele
s
i
n
b
i
m
b
a
ttam s!
o !
ggrrfificcos

muestra en esta captura de pantalla:

CMO UTILIZAR ESTAS CTA

Paso 2: con cada componente todava seleccionado, haz clic
derecho
y selecciona Guardar como imagen....
el
egaarr el
ss aaggrregsa
e
d
e
e
pu ed empprreesa
lusoo pu
tu
In
Incclutsipoo ddee ttuu eqm
ue ddee tu
o
ip
g
t
lo
eell ttooqueloss
logo darrle
le
;
ppaarraa daa tuuss CCTTAA; lo
nn ssoonn
aa a t mbi
c
r
a
c
i
r
m
b
ma tipooss ttaam coss!!
fi o
o ip
lo
loggotenttooss ggrrfic
men
eele
lem

CMO UTILIZAR ESTAS CTA

Paso 3, opcin 1:
empieza con una
prueba gratuita de
HubSpot para cargar
estas imgenes a la
herramienta CTA y
comenzar a reunir
mtricas del
rendimiento de
inmediato. Puedes
utilizar la herramienta
HubSpot CTA para
cargar tu CTA.
Despus solo pega el
cdigo incrustado que
se gener en tu sitio
web.

CMO UTILIZAR ESTAS CTA

Al cargar la imagen en la herramienta
de HubSpot CTA, puedes regresar a
HubSpot sin costo alguno para ver
los datos sobre cmo se est
desempeando la CTA en tu
propio sitio web. Mientras utilices el
cdigo incrustado que se gener en
HubSpot (como se muestra a la
derecha), puedes reunir las mtricas
en el software de HubSpot; tales
como la tasa de conversin de visita
a clic, sin importar dnde est
colocada la CTA.

CMO UTILIZAR ESTAS CTA

Paso 3, opcin 2: si no te interesa generar mtricas
especficas de desempeo para tus CTA, carga las imgenes a
tu sitio web como lo haras con cualquier otra imagen y
enlzala a tu sitio de destino.
Voil. Ahora tienes una de estas CTA personalizadas en tu
sitio web.

CONCLUSIN
Las CTA juegan un papel importante en la etapa de
conversin
de un inbound marketing eficaz. No dejes que la falta de
recursos
de diseo evite que crees llamadas a la accin que
conviertan a
tus visitantes; por eso es que creamos estas plantillas!
Ahora ve a personalizar, cargar y convertir a tus visitantes en
oportunidades de venta.

CALIFICA ESTE CONTENIDO Y AYUDA A QUE

HUBSPOT MEJORE!

HubSpot crea contenido para ti (no para nosotros), as que nos

gustara escuchar cules son tus opiniones sobre estas plantillas.
Califcalas del
1 al 10 en cuestin de segundos al hacer clic aqu. Tu
retroalimentacin se va directo hacia nuestro equipo de contenidos.

ENVA TU CALIFICACIN:

http://bitly.com/50CTATemplateNPS