Crea una sección para compartir en redes sociales en tu página

Si está utilizando GemPages v6, consulte este artículo.

¿Qué es una sección de Compartir en Redes Sociales?

Una sección para compartir en redes sociales es un bloque en su página que muestra íconos de redes sociales en los que se puede hacer clic, generalmente ubicados cerca de contenido clave, como páginas de productos, artículos de blogs o campañas promocionales.

Cuando los visitantes hacen clic en estos íconos, pueden:

• Comparte contenido directamente a sus cuentas de redes sociales (por ejemplo, compartir un enlace de producto en Facebook).
• Visita tus perfiles sociales para seguir o interactuar con su marca.

Agregar una sección para compartir en redes sociales te ayudará a:

• Aumente la exposición de la marca en múltiples plataformas.
• Genere nuevo tráfico a su tienda a partir de acciones orgánicas.
• Incentive a los clientes a recomendar productos a sus amigos y comunidades.
• Genere confianza mostrando canales sociales activos y conectados.

Pasos para diseñar una sección para compartir en redes sociales en GemPages

Para diseñar una sección de intercambio social en GemPages v7, recomendamos utilizar el elemento de fila y el elemento de imagen.

Siga estos pasos:

Paso 1: Acceda al Editor de GemPages

• Desde su administrador de Shopify, navegue a la aplicación GemPages > Páginas para localizar todas las páginas creadas con GemPages.
• Haga clic en la página objetivo para abrir el editor.

Paso 2: Agregar un elemento de fila de varias columnas

• Desde la barra lateral izquierda, arrastre y suelte un elemento de fila en la posición deseada en la página.

Por ejemplo, preferimos diseñar una sección para compartir en redes sociales vinculada a Facebook y X (anteriormente Twitter). Por lo tanto, usaremos una fila con un diseño de dos columnas.

• Si desea vincular más plataformas sociales en esta sección, puede cambiar la cantidad en el Diseño .

Tenga en cuenta que un elemento de fila puede contener hasta 6 columnas.

Paso 3: Agregue y configure los elementos de imagen en cada columna

• Arrastre y suelte un elemento de imagen en cada columna.

• Luego, haga clic en la imagen para abrir su panel de configuración y localizar la Fuente .

• Pase el cursor sobre la imagen actual y haga clic Subir imagen para subir el logo de la plataforma social.

• Desplácese hacia abajo hasta la sección Enlace sección y active la opción para expandir la configuración. Luego, seleccione el Después de hacer clic = Abrir página.

• Desde allí, puedes copiar los siguientes enlaces para compartir tu página en la plataforma social de destino:

• Reemplace la URL con la URL de su página.

Por ejemplo, queremos compartir la página de inicio de GemPages en X. El enlace podría ser: https://x.com/intent/tweet?url=https://gempages.net/

• Si prefieres compartir la página actual que estás editando, puedes obtener su URL desde La Configuración de Publicación de MymaOtt:

Copia la URL, o puedes cambiar el identificador debajo de URL e Identificador de página Si es necesario antes de compartir.

También puedes agregar una imagen de vista previa debajo del Vista previa de la imagen para compartir en redes sociales Sección para una mejor visibilidad en las plataformas sociales:

Una vez terminado, haga clic en  Aplicar configuración.

Paso 4: Ajuste el tamaño y configure el espaciado

• Haga clic en la imagen y desplácese hacia abajo hasta la Tamaño sección en la barra lateral izquierda.

Desde aquí, puedes seleccionar tu preferido marco y ajustar el Ancho y alto de la imagen del logotipo.

Por ejemplo, establecemos el Ancho = 50 px.

• Haga clic derecho y seleccione el elemento principal para volver al panel de configuración de la fila.

• Cambie la Ancho de columna = Ajustar al contenidoy ajuste el Brecha = 0 (Lazy section loading) bajo la sección Espaciado entre columnas .

Paso 5: Guardar y Publicar

Una vez hecho esto, guarde los cambios y presione Publicar Para republicar tu página. Luego, puedes consultar el resultado en tu tienda online.

Resultado: