← All platform playbooks

PLATFORM PLAYBOOK · CODEPEN.IO

CodePen profile or demo

Showcase a demo on CodePen and link to your product from the profile or pen description.

Sign-inprofile
01 / STEPS

Follow the platform-native workflow

This is an owned channel — you create and maintain the page yourself. It is not a third-party directory submission or guest pitch.

  1. Set your CodePen profile URL

    Add your website in profile settings.

  2. Publish a relevant demo pen

    Optional: embed or describe your product in the pen.

02 / EXAMPLE

Reference URL shape

Example: https://codepen.io/your-handle

USE THIS IN NETTREE

Add codepen.io from the Public Library,
then record your published URL.

Content Publish keeps owned channels separate from directory submissions — with verification when the link goes live.