Web: Editing your Bio Site with the web editor

Change the style and content of your Bio Site.

After publishing your Bio Site, you can edit it using either the Unfold app, or the web editor. Review this guide to learn more about editing your Bio Site using the web editor.

Make style changes

You can change your Bio Site’s layout, color theme, or font in the Style panel. To access the Style panel, in the left navigation menu, click

After styling your Bio Site, in the top-right corner, click Update to publish your changes.

Choose a layout

You can change the design of your Bio Site by selecting a new layout in the following categories:

  • Classic
  • Elegant
  • Creative
  • Bold

Choose a theme

You can edit your color theme using the following options:

  • Light - Choose a light-colored solid or gradient color theme. 
  • Dark - Choose a dark-colored solid or gradient color theme.
  • Animated - Choose an animated gradient color theme. 
  • Custom - Click each element to assign a preset color or a custom color, or you can generate colors from an image. When choosing a custom color, use the slider to select a color, then choose a shade in the square above. If you know the Hex value for the color you want, you can also click in the value field to edit it. With Site Background, you can also choose a texture, or animation. 

Change the font

When you change the font, it affects the text in your Bio Description, links, and text boxes. 

Add your profile information

To add images and personal information to your Bio Site:

  1. In the left navigation menu, click to open the Profile panel.
  2. To upload a profile picture and cover photo (if applicable) click then select an image from your device.
  3. Under About, enter or edit your name and bio description.
  4. Optional: under Design, choose a header design. Header designs incorporate the profile and cover photos you selected.
  5. In the top-right corner, click Update to publish your changes.

Image best practices

To ensure your images look their best, follow these recommendations before uploading them to your website:

Type of image Image and file size
Cover image Max dimensions: 1200 x 674 because we crop the image to fit an aspect ratio of 16:9
Profile image Max dimensions: 600 x 600
.gif Max file size: 10MB

Add your social accounts

By default, your Bio Site contains a Social section beneath your profile information. Use this section to display a row of icons linking to your social accounts. You can move or delete this section at any time.

If you use Autofill to populate content in your Bio Site, the Social section automatically populates with the links from the Social links panel of your Squarespace site.

To add a row of social icons to your Bio Site using the web editor:

  1. In the left navigation menu, click to open the Sections panel.
  2. If you haven’t added social icons yet, under Recommended, click Social. If you already have social icons, under My Sections, Click Social
  3. Click the icon for the social account you want to add.
  4. Enter the necessary information beside the icon.
  5. Repeat these steps for each social account you want to add, up to eight.
  6. To rearrange your social accounts, click and hold next to the social account you want to move to slide it up or down the list.
  7. To delete a social account, click that appears close to the corresponding social icon.
  8. In the top-right corner, click Update to publish your changes.

If the icon for the social account you want to add doesn't appear, or to add multiple accounts for a single social platform, add links to those accounts manually.

Available social icons

The following are the social icons you can add to your BioSite:

Airbnb  Pandora
Amazon  Patreon
Apple music  Pinterest
Bandcamp  Reddit
 BeReal Snapchat
 CashApp  SoundCloud
 Clubhouse  Spotify
 Dailymotion  Telegram
email icon, vector black and white envelope icon. Simple envelope icon image  for print, web isolated on white background. Envelope icon for apps. Vector  graphic envelope design element. Clipart Stock Illustration | Default email address icon TikTok
 Discord  Tumblr
 Facebook  Twitch
 Instagram  Vimeo
 Kickstarter  VK
 LinkedIn  WhatsApp
 Mastodon X Logo - Free Vectors & PSDs to Download X
 OnlyFans  YouTube

Add your links

Links you add in the Links section display as a vertical list in the body of your Bio Site. This is a great place to add links to your websites or direct links to social media profiles that don’t have a built-in icon in the Social section. This section appears beneath the Social section by default, but you can move or delete it at any time.

To add links to your Bio Site using the web editor:

  1. In the left navigation menu, click to open the Sections panel.
  2. Click Links.
  3. In the Link name field, enter the name you want to appear for the link.
  4. In the URL field, enter the URL for the website you want to link to. The URL won’t be visible on your Bio Site.
  5. Click to either upload a thumbnail image from your device, or choose a branded icon image from the Icon library
  6. Repeat these steps for every link you want to add.
  7. To rearrange your links, click and hold next to the link you want to move to slide it up or down the list.
  8. To delete a link, hover over it and click to the left of the link. 
  9. In the top-right corner, click Update to publish your changes.

Add more sections to your Bio Site

To learn more about all of the sections you can add to your Bio Site, visit Web: Adding Bio Site Sections

Troubleshooting templates

The following is a potential issue with one of our Bio Sites templates and the steps you can take to avoid it.

Scrolling header issue in the Cami Sandro template

In the Cami Sandro template, the scrolling header will not scroll smoothly if you add extra spaces to the repeated header text. For example, if your scrolling header text repeats, such as - "Welcome to my site - Welcome to my site - Welcome to my site" ensure that there are no extra spaces, especially if you are copying and pasting text.

Was this article helpful?
0 out of 0 found this helpful