Quick Start

We're excited to see you join the c/side family, let's get you up and running STAT!

The dashboard

The dashboard is where you will be able to manage your team members, websites, and your scripts. You can access the dashboard by visiting here

Onboarding

After signing up, c/side will prompt you with a few questions to get you started.

If you already have signed up and went through the onboarding process, feel free to skip to Adding your Site to get started with c/side.

Verifying your Email

If you haven't verified your email, you will be prompted to do so during the onboarding process. This helps us ensure you are the owner of the email address you have provided us on sign up.

The code sent to your email address will expire in 15 minutes, so make sure to verify your email address as soon as possible. Otherwise, you will need to request a new verification code by clicking "Resend Email".

You will see the following:

Verify Email

Just enter the code sent to your email address and click "Verify Email".

Alternatively, the "Verify your Email" in the email you received will take you to a separate verification page.

Verify Email

Accepting Invitations

If you have been invited to join a team before completing the onboarding process, you will be prompted to either join the team, or skip and create your own team.

Accept Invitation

If you choose to join the team, you won't be able to create a team in the onboarding, but you can create a team later on in the dashboard. You will be prompted to jump into the dashboard and start securing your website!

Creating a Team

If you do not have any invitations, or you've choosen to skip the invitation, you will be prompted to create a team. Simply put the name of the team in the input field and click next.

Create a Team

Selecting a Plan

After picking a team name, you will be prompted to select a plan. You can review our plans here.

Business & Enterprise Tiers are Waitlisted

As of right now, business and enterprise plans are not publicaly available. If you select one of these plans, you will be added to a waitlist and will be prompted to add a payment method when the plan becomes available.

Select Plan

Invite Team Members

After selecting a plan, you will be prompted to invite team members. This is of course optional and can always be done later in the dashboard as well.

Invite Team Members

Completed Onboarding

Thats it! Simply click "Complete" or "I'll do this later" to finish the onboarding process. This will take you to the home dashboard. Now, lets add a site.

Adding your Website

You can add your website to c/side by clicking on the "Add Domain" either prompted in the empty dashboard like so:

Add Domain

Or if you already have a domain added, you will always see the "Add Domain" button in the top right corner of the dashboard.

Add Domain With A Domain Already Added

Adding a domain

After clicking the button, you will be promtped to enter a few fields in a modal. After filling out the fields, click "Add Domain".

Add Domain Modal

Setting up your Website

After adding your domain, theres going to be some setup required on your website. There will be a banner asking you to setup your website if its not correctly linked.

Setup Website

Adding our Script

Clicking "Setup" in the previous step will walk through the steps to add our script to your website. Provided below will be a step-by-step guide on how to add our script to your website, no matter what environment or techstack you use.

Using Code

Learn how to add our script to your website using code. From NextJS, to React, Vue, and more, we have you covered.

NextJS

Install our Script
# With NPM
npm install @c-side/next
# With Yarn
yarn add @c-side/next
# With PNPM
pnpm add @c-side/next
Add our Script

After installing, simply add the following to your _document file in your NextJS project.

// pages/_document.tsx
import Document, { Html, Head, Main, NextScript } from 'next/document';
import { CSideScript } from '@c-side/next';
 
export default function Document() {
  return (
    <Html lang="en">
      <Head>
        <CSideScript /> {/* <- Here */}
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}

or if you're using App router:

// layout.tsx
import { CSideScript } from '@c-side/next';
 
export default function Layout({ children }) {
  return (
    <>
      <CSideScript /> {/* <- Here */}
      {children}
    </>
  );
}

Done!

That's it! Once you've added our script to your website, you will see the website's script traffic in realtime on our dashboard. If you're having issues, please refer to our Troubleshooting guide.

Previous

Introduction

Next

Adding Webflow

On this page

The dashboardOnboardingVerifying your EmailAccepting InvitationsCreating a TeamSelecting a PlanInvite Team MembersCompleted OnboardingAdding your WebsiteAdding a domainSetting up your WebsiteAdding our ScriptUsing CodeNextJSInstall our ScriptAdd our ScriptHTML/ReactJSDone!