search
Cómo crear una Beamery Page

Last Updated:

Las Beamery Pages le permiten crear páginas de destino altamente personalizadas para mostrar su marca empleadora a candidatos potenciales. Las páginas se pueden vincular con Convert Flows para convertir visitantes pasivos en contactos de Beamery con quienes puede cultivar una relación.


Cómo crear una nueva Beamery Page

Para crear una Beamery Page, primero vaya a Pages List haciendo clic en el ícono de Marketing en la barra lateral izquierda y, a continuación, seleccione Pages en la barra de menú superior.

Después, haga clic en Add Page para comenzar a crear su nueva página.

Page Details

2021-03-31_14-28-50-H4w.png

Ahora deberá completar los detalles de la página. Asígnele un nombre y elija una URL única para la página. Después, elija un título y añada una breve descripción. Estos elementos se utilizarán en los resultados de búsqueda y en las redes sociales cuando se comparta un enlace a su página.

A continuación, elija una llamada a la acción para su página. Puede ser un enlace a un formulario de Beamery o a una URL externa.

Una vez que haya completado los detalles de la página, haga clic en Continue para ir al Page Builder.

The Page Builder

2021-03-31_14-33-02-wcM.png
 
El Page Builder consta de 2 partes:
  1. En el lado izquierdo se encuentra el editor, que permite al usuario actualizar el contenido de la página.
  2. En el lado derecho se muestra la página; los cambios realizados en la sección del editor aparecen inmediatamente. Esto permite ver de inmediato los cambios realizados.
Editar un bloque:
  1. Haga clic en el lado derecho, en el área de la página que debe editarse.
  2. El contenido aparecerá en la barra lateral izquierda. Los detalles del contenido cambian para cada bloque en función de la información que se muestra en dicho bloque. La barra lateral se puede desplazar si hay más contenido del que se puede mostrar.
  3. Una vez realizados los cambios, haga clic en Save changes en la parte inferior de la barra lateral. Aparecerá un mensaje para indicar que los cambios se han guardado.
  4. Como alternativa, puede cancelar todos los cambios. En este caso, no se guardará ninguno de ellos.

Elementos de texto 

Todos los cuerpos de texto se pueden formatear. Las opciones de formato disponibles son, en el orden en que aparecen en el editor de texto:

  • Negrita
  • Cursiva
  • Subrayado
  • Colores: texto y fondo
  • Hipervínculo
  • Lista con viñetas
2a-CIY.png

Al insertar hipervínculos, puede:

  • Insertar una URL
  • Definir cómo aparece el texto
  • Decidir si el enlace se abre en la pestaña actual o en una nueva pestaña
2b-pcs.png
 

Header Block

2c-pLA.png

Información que se puede modificar en este bloque:


1. Logo: aquí puede cargar el logotipo de la empresa. Los formatos de archivo compatibles son: PNG, JPG y SVG. Puede eliminar la imagen haciendo clic en “Delete”.

2. Link: una URL a la que se redirigirá al candidato cuando haga clic en el logotipo. Normalmente, redirige al sitio principal de la empresa o a la página principal de empleos. Esto evita que el candidato llegue a un punto muerto.

3. Button text: el texto que se mostrará en el botón.

4. Button color: el color del botón.

5. Text Colour: el color del texto dentro del botón.

6. Link type: la acción que se realizará cuando el candidato haga clic en el botón. Hay 2 tipos de enlaces diferentes:
A) El más utilizado es un enlace a un formulario de Beamery (consulte la sección de formularios más adelante en este documento). En este caso, el usuario debe seleccionar un formulario existente en un menú desplegable como información del enlace (7).
B) Como alternativa, el usuario puede elegir enlazar a una URL externa. En este caso, se debe proporcionar la URL completa a la que se desea enlazar como información del enlace (7).

7. Link information: consulte el punto n.º 6.

También puede configurar el desplazamiento Parallax en este bloque. Tenga en cuenta que solo será visible al ver una página publicada.

1534288739130-Ob4.png

Hero Block

2d-AP8.png

Información que se puede modificar en este bloque:


1. Header text: la primera línea de texto que aparece sobre la imagen de fondo.

2. Sub-header text: la segunda línea de texto que aparece sobre la imagen de fondo.

3. Background color: el color del fondo.

4. Background image: la imagen principal que aparecerá en el fondo. Los formatos de archivo compatibles son: PNG, JPG y SVG. Puede eliminar la imagen haciendo clic en “Delete”. Esta también es la imagen que aparecerá cuando comparta su página en las redes sociales. Si falta una imagen, se mostrará el logotipo de la empresa.

Nota: recomendamos mantener la imagen del banner dentro de 1440x540. Al cargarla y tener la opción de recortarla, también puede hacer clic en “Skip”, en la esquina inferior derecha, para evitar que el banner se recorte.

Text + Image Block

 

1534287967100-ias.pngInformación que se puede modificar en este bloque:

1. Header text: la primera línea de texto que aparece en el bloque de texto.

2. Body text: la segunda línea de texto que aparece en el bloque de texto.

3. Image: la imagen principal que aparecerá en el lado derecho. Los formatos de archivo compatibles son PNG, JPG y SVG. Puede eliminar la imagen haciendo clic en “Delete”. En “Image Placement”/“Video Placement”, puede seleccionar Left o Right para elegir la posición de la imagen. Nota: esto solo se aplica a la pantalla completa en dispositivos de escritorio. En la vista móvil, el área de texto siempre se muestra encima de la imagen o el video para mantener el contexto del bloque.

4. Background color: el color del fondo.

Split Block

1534288337254-cAk.png

Este bloque incluye 3 subbloques diferentes llamados “Benefit 1”, “Benefit 2” y “Benefit 3”, pero puede eliminar cualquiera de ellos según sea necesario.

Información que se puede modificar en estos subbloques:

1. Block Header text: añada o edite el encabezado de un bloque.

2. Color: cambie el color de fondo del bloque.

3. Header text: la primera línea de texto que aparece en el bloque de texto.

4. Body text: la segunda línea de texto que aparece en el bloque de texto.

5. Hyperlink: añada un enlace a la URL de otro sitio.

2g-kck.gif

A) Para hacerlo, seleccione en el cuerpo del texto las palabras desde las que desea crear el enlace.
B) Haga clic en el elemento de enlace, escriba la URL de la página a la que desea dirigir a los visitantes y seleccione si quiere que la página se abra en una pestaña nueva o reemplace la página actual.

6. Image: la imagen principal que aparecerá en el lado derecho. Los formatos de archivo compatibles son PNG, JPG y SVG. Puede eliminar la imagen haciendo clic en “Delete”.

7. Image Size: el tamaño de la imagen del beneficio. Seleccione “Regular” o “Large”.

Two and Four Column Split Blocks

1534288574286-Np8.pngTambién hay otros dos bloques divididos: uno con dos beneficios y otro con cuatro. Su funcionamiento es el mismo que el del bloque anterior, con la única diferencia del número de beneficios. Estos aparecen como bloques ocultos en el Page Builder, por lo que, para utilizarlos, deberá mostrarlos (consulte más abajo las instrucciones para hacerlo).

Story Block

3-3Us.png

Información que se puede modificar en este bloque:


1. Header text: la primera línea de texto que aparece en el bloque de texto.

2. Body text: la segunda línea de texto que aparece en el bloque de texto.

3. Background color: el color del fondo.

Map Block

1534288193580-a2w.png

Información que se puede modificar en este bloque:


1. Link: la URL que se mostrará en el iFrame.

2. Background color: el color del fondo.

3. Map Size: el tamaño de la imagen. Seleccione “Regular” o “Full Screen”.

Nota: al copiar y pegar el enlace de Google Maps en la sección Link, asegúrese de seguir los pasos que se indican a continuación:

  • Busque la ubicación correspondiente y haga clic en el ícono Compartir. Después, haga clic en “Insertar un mapa” y localice el código HTML.
  • Elimine <iframe src=" del principio del código y ></iframe> del final del código.
    • Ejemplo:
  • Pegue el enlace modificado en el Page Builder de Beamery.

Screen_Shot_2018-09-06_at_17.57.01-AZE.png

iFrame Block

3b-Ulw.png

Información que se puede modificar en este bloque:

1. Link: la URL que se mostrará en el iFrame.
Nota: es posible que la URL vinculada al iFrame no se haya diseñado para mostrar un iFrame y afecte negativamente la experiencia del candidato.

2. Height: la altura del iFrame en píxeles. Cuanto mayor sea el número, más alto será el iFrame.

3. Greenhouse question: si este bloque debe contener un enlace a un portal de empleo de Greenhouse, marque esta casilla. Se ha incluido un tratamiento especial para ofrecer una mejor experiencia al candidato (desplazamiento y ocultación de secciones irrelevantes).

4. iFrame Size: el tamaño de la imagen mostrada. Seleccione “Regular” o “Full Screen”.

Nota: aunque el mapa ocupa toda el área del bloque, el bloque de iFrame no aumentará de altura. Esto se debe a que debe haber un área en la que se pueda hacer clic para que el bloque siga siendo editable.

Text + Video Block

3c-2Ms.png

Los enlaces de video de este bloque deben proceder de YouTube. Otros servicios de alojamiento de videos deben utilizar el bloque de contenido de iFrame. Información que se puede modificar en este bloque:
2. Title text: la primera línea de texto que aparece en el bloque de texto.

3. Body text: la segunda línea de texto que aparece en el bloque de texto.

4. Link: la URL del video que se mostrará.

5. Background color: el color del fondo.

Footer Block

3d-BAA.png

Información que se puede modificar en este bloque:
2. Header text: la primera línea de texto que aparece en el bloque de texto.

3. Body text: la segunda línea de texto que aparece en el bloque de texto.

4. Button text: el texto que se mostrará en el botón.

5. Button color: el color del botón.

6. Link type: la acción que se realizará cuando el candidato haga clic en el botón. Hay 2 tipos de enlaces diferentes:
A) El más utilizado es un enlace a un formulario de Beamery (consulte la sección de formularios más adelante en este documento). En este caso, el usuario debe seleccionar un formulario existente en un menú desplegable como información del enlace (7).
B) Como alternativa, el usuario puede elegir enlazar a una URL externa. En este caso, se debe proporcionar la URL completa a la que se desea enlazar como información del enlace (7).
7. Link information: consulte el punto n.º 6.

8. Background color: el color del fondo.

9. Background Image: la imagen del fondo del bloque de pie de página (similar a la del bloque de encabezado).

Ocultar y organizar bloques

En todos los bloques, en la parte inferior del panel izquierdo, hay una casilla de verificación “Hide this block”.

3e-0vw.png

Al marcarla, el bloque se oculta en el panel derecho y no se muestra en la página final.

Para volver a mostrar el bloque, simplemente seleccione el bloque en el panel derecho, donde dice “Hidden block: story”, y desmarque la casilla situada en la parte inferior del panel izquierdo.

También puede cambiar el orden de los bloques utilizando las flechas hacia arriba y hacia abajo situadas en la esquina superior derecha del bloque.

Screen_Shot_2018-06-28_at_12.01.38_PM-gRw.png

Los bloques también se pueden clonar para crear más de una instancia de un bloque determinado dentro de su página. Esto se puede hacer mediante el botón de clonar, visible al editar un bloque. Si desea eliminar un bloque clonado, simplemente puede eliminarlo. (Los bloques originales solo se pueden ocultar, no eliminar).

NOTA: para realizar cambios en el bloque Custom Footer, deberá hacerlo desde la página Company Settings. Los cambios realizados aquí se reflejarán en todas sus páginas y formularios de Beamery.