Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Connecting CodePen with Squarespace

CodePen is an online community for sharing software development projects. This guide covers adding a CodePen icon to your site.

Here's what you can do with this integration: 

Social icon Share button Push content Pull content
Yes No No No
Tip: This integration with CodePen is separate from the Squarespace Developer Platform. For help with Squarespace for developers, visit our Developer documentation.

Connect your CodePen account

Before you start using CodePen with Squarespace, you need to connect your account:

  1. In the Home Menu, click Settings.
  2. Click Connected Accounts.
  3. Click Connect Account.
  4. Select CodePen from the Social Accounts menu. 
  5. Go to your CodePen page and copy the URL from your browser's address bar.
  6. Ingresa una URL de CodePen y una etiqueta. En algunas plantillas, la etiqueta puede aparecer cuando los visitantes posicionan el cursor sobre el ícono de CodePen.
  7. Click Add.

Add a social icon

You can add a CodePen social icon that links to your CodePen profile: 

  1. In Connected Accounts, click your CodePen account to open CodePen Settings. 
  2. Ensure Show Social Icon is checked. 
  3. Click Save. 

Después de conectar CodePen con Squarespace, el ícono de la red social se mostrará automáticamente en la mayoría de las plantillas, pero no en todas. También puedes añadir íconos de las redes sociales con un Bloque de Vínculos Sociales.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 3 de 8
Connecting CodePen with Squarespace