Settings

The platform settings are where you can add your company information, branding, integrations, and much more. 

In the admin area, open the menu and click Settings to see the different areas available for editing.

The standard settings list includes General, Privacy, and Theme settings. The Advanced Mode button at the top right gives you additional access to the Modules section.

The advanced settings includes Modules. Click Exit Advanced Mode at any time to return to the standard options.

General Settings

Click General Settings to add your company and platform information. Click Edit and you will be able to edit all three sections; Configuration, Contact, and Social Media.

You will see that we have completed your settings with some default information so that your platform could be created. In the Initial Guide, we show you a quick and easy way to add the most essential settings to get you started, but once you are more comfortable with your platform, you can come back here to complete the set-up.

Configuration

The Configuration area is where you add some key information about your platform including the name, description, and url.

The platform name, description, and url are all important for SEO and will show up when someone searches for your platform, so this is some of the first data you should include as part of your platform setup.

The screenshot below shows how your name (1), description (2), and url (3) show up in search results.

The Legal Name is the one we will use in your privacy policy so if you have one, enter it here.

Contact

We don't display your contact details anywhere on your platform, nor do we share them with anyone. However, it's useful to have them on your admin platform in case you do need them in the future.

Social Media

Currently, the only social media field is for Twitter. Add your Twitter handle here and we can link your account to social-media rich cards.

Privacy Settings

You must add a privacy policy to your platform to let users know what happens to their data. Be aware of data regulations in your territory, such as GDPR or CCPA and stay on top of developments as this is an arena that is changing constantly.

You will see that the configuration has been set up for you according to StoryPro’s privacy policy but we recommend you change this to match your own platform configuration.

Consent banner text

This is what will be displayed to your platform visitors when they visit your site. This is where they have to agree to cookies, so make it clear what you are using cookies for.

Processing of Personal Information

When users sign up to your platform, they should know what is going to happen to their personal data such as name, email address, credit card details, etc.

Why we collect your data

Next, you should list the possible circumstances in which you might need to use the personal information. The list we have provided should include most use cases but feel free to add more as needed.

Analytics Service Providers

If you use Google Analytics or another 3rd-party data-collection tool for analytics, list them here.

Marketing Service Providers

If you use any 3rd-party data marketing tools to enable the sharing of content e.g. LinkedIn, list them here.

Third Party Services

This should include any Analytics or Marketing providers you listed above.

Make sure you add the date whenever you make any significant changes to your privacy policy. This will appear at the top of the privacy policy

Theme Settings

In Theme Settings, you have a number of options to customize the look and feel of your platform (remember to switch on Advanced mode to see all the options). It's a good idea to have your platform open in another tab so you can review your changes as you make them.

Global Theme Settings (Advanced Mode)

In theme settings, you can select between the default and newspaper theme styles.

The newspaper theme changes the font style and background of your site.

You can also set the scrolling to either fixed or normal.

Fixed scrolling keeps the image in the background static while the content scrolls over it. See this video as an example.

Branding

In the branding settings, you can add icons to your site, including a favicon and icons for iOS and Android.

The favicon is the small logo that appears on the browser tab or in bookmarks. The image should be in png format and 512x512 resolution. If you don’t already have a favicon for your platform, you can create one for free using this favicon creator tool.

The iOS and Android icons are the PWA icons that appear on the user’s homescreen. A PWA (Progressive Web App) is just an app running as a website. PWAs adapt to improve performance based on the device’s capabilities. The PWA icon will be shown when the user wants to add a shortcut to your site (like an app). Android devices use something called Maskable icons which adapt to the screen size by automatically cropping or expanding your image so that it always looks great, no matter what device it is on. You can easily convert your icon into maskable format using the Maskable App website.

Click Edit to upload or remove icons.

Click Choose an Image button to upload your images.

You will be able to choose from your local files, cloud storage, or social media images. Make sure you check the image specifications for each of the icons you are uploading.

Authentication Settings

Authentication Settings allow you to customize the login screen for your users. You can add a background image with your own branding, add a message for your registered users to sign in, and another message for new users to sign up. The subtitle allows you to customize this message with your company voice and tone.

Header Settings

In the Header settings, you can edit your logo: Add an inverted image if you would like to add a version of your logo which is visible on a different background e.g. white-on-black instead of black-on-white.

In desktop width and mobile width, indicate how we should size your image in the different formats.

In the Navigation settings, you can also change the position of the menu from left to right, change the background color of the header, and the color of the menu icon.

You can set a different color for the header on your homepage in the Homepage Settings.

Footer Settings

You can customize your footer by adding a footer icon, copyright text, changing the background color, and switching the order.

The column order determines which side the company icon goes and which side your text goes. In auto, the icon is on the left and the text is on the right. The following example shows what it looks like with the reversed setting.

Homepage Settings

Under Modules, you will find the Homepage Settings. Here you can manage the style and layout of your platform homepage.

The Header Color sets your platform header color on the homepage. You can assign a different color in the Header Settings and your header will have a different color on the homepage and the other pages of your site.

In this video, the homepage settings Header Color is set to black, while the header settings Background Color is set to purple.

The Content Top Padding lets you control the amount of space you leave between your header and the top image on your page. Enter a value in EM, where one EM is equivalent to one character. The below example shows a homepage with 2 EM of space.

If you have Advanced mode turned on, you will see some additional Homepage settings options. The Overlay Color and Overlay Background allow you to put a filter over your homepage. Choose the color of the filter and choose Normal or Gradient to apply the colored filter. Normal applies a light color overlay to the image, making it easier to read text you put on top of the image.

Next, you can choose from some options on how you want to layout your content on the homepage.

The order that featured items are displayed is chronological, in order of published date. If you want you can reverse this in Featured Items Order, by selecting reverse.

The number of featured items to display on your homepage can also be changed. Choose from 1-5 items to display. Discussions are displayed in rows of three, choose 3 or 6 discussion items to show either one or two rows of them. This is useful if you want to have more control of where users go once they land on the homepage by reducing the number of options they have.

Choose to show or hide the content icons and the comment count. If you are in the early days of your platform, you may want to hide comments rather than display a 0 count. The content icons are the icons displayed for articles or videos next to the comment count on the homepage.

Modules (Advanced Mode)

In Modules, you can turn on or off certain featues or functionality. Just click the red Disable button beside any of the content types and your users or creators will no longer have access to that type of content.

Subscribe to our newsletter

A monthly digest of the latest Story Pro news, articles, and resources.