How to list your website on CodePen
Front-end playground profile where your pens and profile can link back to your site.
- Link
- Link type unverified
- Cost
- Free plan
- Effort
- Moderate
- Reach (our estimate)
- High authority
- Region
- Worldwide
- When
- Weeks 2 and 3
Short answer
CodePen is free to start, with paid plans, and the link type is not confirmed yet, so check it on your live listing. To get listed, create a CodePen account; it takes about an hour.
How to get listed on CodePen
- Step 1: Create a CodePen account.
- Step 2: Add your website to the profile.
- Step 3: Publish pens showing components or effects from your site.
- Step 4: Link to the live site in pen descriptions.
You need
Free account.
Have these ready before you start
- Business or product name, written the same way everywhere
- Website address (the exact page you want linked)
- A 50-word and a 150-word description
- Logo, plus two or three screenshots or photos
- Contact email, and address and phone for a local business
At a glance
- Website
- codepen.io
- Category
- Developer communities
- Reach (our estimate)
- High authority
- When to do it
- Weeks 2 and 3
- Position
- 14 of 28 in Developer communities
About the link
We have not confirmed the link attribute. Check the live listing after it is published.
Best for
- Developers
- Designers
On these lists
Questions about CodePen
Are CodePen links dofollow?
We have not confirmed it. Once your CodePen listing is live, check the link to your site: a rel="nofollow" attribute means it is nofollow.
Is CodePen free?
CodePen has a free plan and paid upgrades. Check what the free listing includes before you start: on some sites the website link comes with a paid plan.
How much work does a listing on CodePen take?
A full profile with screenshots or a verification step: about an hour. How long approval takes is up to CodePen: many sites review a listing before it goes live.
Plan it, then tick it off.
Office hours: Monday to Saturday, 10:00–18:00 IST+91 74158 85838