Setting up a site in Storykit is extremely easy. Let us guide you through the process!
1. First, you need to set up a Client in your Storykit account.
2. The next step is to inform us which client in Storykit the site will be connected to, and we will set up the site. To be able to do this we need the following information:
a) the name of the site
b) the name of the agency and client the site will be connected to
c) which account users will need to have access to the site
3. Connect the correct URL to your site
4. Customize your site under settings.
When you change your settings, please make sure that you save and upload your changes. You are always able to access your site directly via “Visit site”.
Internal name: You can give your site a different name in Storykit than the name that will be shown publicly
Public name: The site's public name
Description: Shown in the meta tag description (both html-meta and og-meta).
Footer text: Here you can write a small text about your site that will be shown in the footer. For example, This site is presented by Company X
Needs to be added in order for Storykit to be able to collect data for published jobs. If you wish to add several scripts, for example, two Facebook pixels please add these via Google tag manager.
GTM container id: If you use a Google Tag Manager script from Clients Google analytics account add it here.
Facebook app id: If using a Facebook app add App id
Facebook pixel id: Add Facebook pixel ID from the Facebook account used for this site
For even more advanced data and statistics, go here to find out how to set up your Google Analytics tracking.
If you want to add more sections to your site you can do it easily! Adding a section to your site will separate the content tag.
Press add New section, give the section a name and choose which target account you want to distribute your content in this section from. You can also choose if the content from this section will be shown on your start page or not.
Logotype: The logotype is shown in the site header and footer. Requirements: PNG-file with transparent background, at least 100px high and maximum 500px wide.
Default share image: The default share image is the image that will be shown when a page without feature image (like a start or section page) is shared on social networks. Requirements: JPEG-file, at least 3220px wide and 1676px high.
You can use any Google font for your site. To add a Google font simply write in the name of the font after clicking add a Google font.
- Default: This is used for text such as menu, meta, content and general framework: We recommend that you use a font with several different styles such as regular, light and thin for best effect.
- Headlines: This is used for headlines, teasers, and block quotes. We recommend that you use a font with the option Black or at minimum Bold.
- Article: this is used as body text in articles. We recommend a font that has the style regular and light.
- Primary: Used in headlines, preambles and article text. We recommend a dark neutral color such as black, dark grey or dark blue.
- Secondary: Used on metadata (like author byline and publishing dates). Should ideally be light.
- Accent: Used on links, icons and general framework details. The color should ideally be vibrant and not to light, and work on both dark and light backgrounds.
- Background: Used in backgrounds on start and section pages. We recommend a light color.
- Section: you can add a different design for each site section.
You can customize which parts to include in the menu. You can choose from the following:
- Section: a direct link to a specific section
- Article: a direct link to a specific article, for example, an “About” article
- Story: a direct link to a story
- Link: a direct link to a page outside of your site
- Label: If you want to add certain menu items under a special label/headline in the menu please add label. For example, add Sections as a label and add all your sections under that label.