Referric is the first white label solution for casino and sportsbook affiliates. Our extensive package includes design, front-end, back-end and hosting. You can now launch new affiliate websites in a matter of days. Referric was designed to make casino and sportsbook affiliates' job easier with a feature-rich solution that fullfills the technical requirements for your new website to rank well on search engines' result pages, as well as offer a pleasant user experience that your visitors will love. Referric is a platform that is super fast, easy to use and is professionally built with the latest technologies available. What you get with Referric: • your own theme that makes your website unique • a performance and user experience optimised affiliate website • an easy to use content management system that allows you to edit your new website's content • cloud-based hosting up to 100GB traffic / month This documentation will walk you through everything that you need to know about the platform, including some advanced tips for further customisation.
Once you purchased your new Referric site, there are a few steps required to get it up and running. To help us in setting up your custom theme, share the following with us: • your new website's logo (in SVG format) • your background image (1920x1080px, svg recommended) - optional, less images means faster page load time • your website font(s) - (variable font format recommended) don't forget to purchase a font lincense if required for commercial use • your desired theme color(s) if any - color names (with image examples) or color codes • and pick a layout to use for your new website from the images showing below: These layout options mostly affect the desktop view of the website. Tip: We also have a theme developer tool that you can try if you wish to to check out different color combinations before you decide on how you want to style your new website. Once you are satisfied with the colors, you can send us the code block visible at the bottom of the screen to speed up the launch process even more. The next important step in setting up your website is connecting it to your custom domain name.
Custom Domain Name
To set up a custom domain name for your website, you will need a domain name purchased from a domain name provider (eg. Namecheap, Google Domains, Domain.com etc.).
To connect it to your new Referric website you have two options:
Send us your login details (username and password) to your domain name provider's website which is required to set up nameservers and DNS records to connect your domain name. Once the setup is done you can change your password.
Follow the instructions below to set up the nameservers and DNS records.
Value: yoursite.app *
TTL: 3600 seconds
Your new website's CMS will be available at yoursite.com/admin/
You will receive your admin user details (username and password) from Referric via e-mail. Once you've successfully logged in you have full access to create pages and edit them. You can have up to four CMS/back-end users per website (please note that all users will have admin role and will be able to create and delete content and pages).
Whilst most of the features are self-explanatory, if you ever get stuck or can't find something, you'll definitely find the answer you are looking for here in the documentation.
There are two main views in the CMS:
Contents and Media (found in the middle of the header on top)
Media view Allows you to manage images (to be used for casino logos, find more info here about images for pages) for your website.
Quick Add To quickly add new page you can use the "Quick add" button (found in the top right corner). The following options are available: Main Pages and/or Reviews (pages) - these refer to the pages of your website. With the Compliance option you can also add complaince logos to include in the footer of all pages. The CMS' Contents view lists the available page types you can edit in the left side panel. You can edit all types of pages but you can only create/delete pages that are in the "Reviews" and in the "Main pages" category.
Important Information!Once you have access to your CMS and start deleting the existing placeholder pages, keep in mind to always keep one review page that has the "monthly" tag, otherwise the site building will fail. If you have already deleted the placeholder monthly casino, you can simply create a new temporary review page and add the "monthly" tag (without the quote marks) in the tags/categories field, save the changes, and the build should be successful afterwards. Subsections in guides/reviews To add more sub-sections to your guide or review text contents, you can use to visually highlight subtitles with:
<p class="guide-text sectioned animate-me fancy">
Page CategoriesYou can find the page categories panel (which also includes settings and translations) on the left side of the CMS' main view.
Review pages are the individual pages for casinos (or sportsbooks). Most of the fields in the edit view are self-explanatory, but some require more attention and a little bit of explanation.Going on the edit page from top to bottom, here are the fields that do require some explanation: Page title: You can add a page title here that is independent of the Casino's name (eg. Super Casino Review - The best nft casino online this month). Casino logo: You have to upload svg logo of the casino after opening the gallery popup (top right corner) or in the main view of the CMS to be able to select the casino's logo in this field. SVG format recommended for all casino logos you upload (but not restricted to SVGs). Casino Name: When you create a new review page, this is the field that will set the url of the page as well as the casino's name (you can use any character, the name will be converted to a URL friendly character format for the URL of the page). Casino Score: You can rate all casinos with decimals or whole numbers ranging from 0-10 or 0-100. You can type in anything in the field, even text, but you won't be able to save the review page, so stick with numbers. Tags / Categories: One of the most important fields of the review page. You can type in categories (anything you want to have as a category - use simple english characters, this filter is only for routing and won't be directly visible on the website) and separate them with commas. We have a reserved keyword to make a casino appear in the main pages' "Casino of the Month" box, to use that simply add the category "monthly" (without quote marks) to the tags list. You can use the casino of the month (monthly) category on multiple casinos edit page, but only one will show on the website as the actual casino of the month. To avoid conflict with previous "casino of the month" casinos, remove the "monthly" tag from those (only one casino should have the tag to work correctly). Since this field requires matching tags to the home page and main pages categories that you can filter casinos with, please read the corresponding Tags field guide in the Main Pages section as well (look for "Page Category Filter"). Order in casinos list: A numeric value that determines where a casino will show up in list views on your pages. Since this is a global value, it will affect all pages (and will ignore filtering, meaning the casino will be hidden but wont give the numeric value it has to the next casino). If you have a casino that is set to #1 and it is set to show on one page, it will be the first casino in the list, but if it doesn't have a matching tag - meaning it is hidden on a specific page - then the first casino to show on that page will be #2 (or another casino that also has #1 as the order number). Since you can type in the same number for multiple casinos, think of this number as a global value when determining where you want a specific casino to show in all lists. CTA Link: This is where you can add the link to the casino you want to promote. T&C Link: This is where you can link a terms and conditions page of the promoted casino if it has one for the welcome bonus. Many websites simply use the same link as the CTA if regulations doesn't require directly linking to the terms page of the casino. URL relationships: You can set the "rel" (short for relationship) attribute of the CTA and the T&C links with this field. You can select one, multiple or no tags. Here is a list of what each option means: - sponsored: paid link content - external: links to a page outside of the website - nofollow: url links to an unendorsed page - eg. paid link - noopener: requires that browsing context created by clicking the link mustn't have an opener tag - noreferrer: hides the referrer (makes it unknown) - noindex: tells search engines not to index the page Bonus Code: You can set a bonus code for the casino or sportsbook if they offer one for players to activate a bonus. This field is hidden by default, and you can make it visible by adding something in the field and saving the page. The following fields are self-explanatory, and there are a few fields at the bottom of the page that require explanation. Last Title and Last Section: This field always should containt the last section of the review page's long text content (if it only has two sections, this should be the second one, if it has 10 sections filled in with content then the normal sections should end with the 9th section and this should contain the 10th sections content). This is important, and you actually wont be able to save the page if these fields are left blank, because the review pages structure requires an extra section to be filled with content, otherwise the right side panel that floats next to the texts (in desktop view) would cover in the FAQ section of the page and wont be hidden by the time the visitor scrolls down to the FAQ section. So each review page can actually hold 20+1 text sections, not 20. FAQ questions and answers: The minimum amount of Q/A to be used is two per page. Page meta description: This field is important for SEO purposes to be filled with a description that search engine results pages will show as a short description of the pages content. FAQ Schema JSON code: You can include a structured data JSON here that is in the FAQ format, which shows on google as answers to questions that a person gets when they search with a question. This JSON can include the same, more, less ( or even none) questions and answers than the on-page FAQ section, it is independent of it. Review Schema JSON code: Similar to the FAQ Schema, it supports rich results on search engine result pages, and you can include JSON that describes the casino and its scoring. Geo tags and 3rd party links: This section is the place where you can include google search console meta tag, or other 3rd party links, as well as GEO tags that are also beneficial for SEO.
Main pages are the backbone of your website. You can have up to 40 main pages of which 10 can show in the header menu and the rest of the pages will only show in the footer section of every page. Each main page has the same structure as your home page, but the difference is that you can create and delete main pages, which you can't do with the home page. Important! To have a matching URL with the page's name for each main page you should delete the ones that you don't need and create a new main page with the correct name for the URL. The file name of each main page is created with the page itself and can not be modified later.Here is the list of the editable fields with explanation (some fields are left out of this list as they are self-explanatory). Page URL / Page title in menus: This is where you can name the page when creating a new page. If you edit an existing page and change this field's value it will only update the page title in the menu and will cause a mismatch with its URL. To have the same title in both the menu and the URL you need to create a new page. Page Title: This is your page's title displayed in browsers tabs and as search engine result. Page Meta Description: This description is what search engines will show in results pages for your page. Order in Menu: You can arrange page order with this numeric value. Main pages start from the second place since Home page will always keep the first place for itself. You can rename and repurpose the home page to any topic since you dont have to change its URL, and its always gonna be available directly from your domain name. Page Category Filter: This field is one of the most important ones as this is where you can create and apply filters that you can filter the casino list on each page with. You can use custom one word filters (use simple english characters, this filter is only for routing and won't be directly visible on the website). These filters are applied to the page by simply saving the changes in the CMS. Once some tags (filters) are applied to the page, you can use the same tag for the casinos you want to show on that specific page. You can read about the casino review pages filtering in the review section's corresponding field (look for the "Tags / Categories" field's description). Page Headline (h1): This is the H1 title of your page. There is a limited space available in the box where this shows, so it is recommended to keep the title below 45 characters. Short Intro Text: This text will show directly below the H1 title on the front side of the first big card on the page. Long Intro Text: This is the content of the back side of the H1 and short intro text card. The next section is the casino (or sportsbook) list, which you can't edit here on the page. To have content in the list you have to create the review pages first - so you have information that directly feeds into the casino list. Once you have enough review pages that you want to show on a specific main page (or the home page) you can apply a matching filter to "Page Category Filter" of the main page (or home page) and to the "Tags / Categories" field of the review itself that needs to show on that specific page. This way you will show only the casinos or sportsbooks that have a matching tag. You can come up with any topic for the categories that you think you will use, dont worry about how it looks, it is only used for routing, so these tags wont be visible on your website (use simple english characters, and individual words for each category/tag). The following sections are self-explanatory and only hold text content. The next field that requires some explanation is the FAQ section. You need to have at least 2 Questions and answers in place to be able to save the page, that is the minimum for each page. Try to keep the answers similar length to each other so it wont cause layout issues. FAQ Schema JSON code: You can use a structured data JSON here that is in the FAQ format, which shows on google as answers to questions that a person gets when they search with a question. This JSON can include the same, more, less ( or even no) questions and answers than the on-page FAQ section, it is independent of it. Review Schema JSON code: Similar to the FAQ Schema, it supports rich results on search engine result pages, and you can include JSON that describes the casino and its scoring. You can include any of the casinos shown on the page in this JSON, it is independent in content to the page. Geo tags and 3rd party links: This section is the place where you can include google search console meta tag, or other 3rd party links, as well as GEO tags that are also beneficial for SEO. The last two fields are only for page routing and you dont have to do anything with these fields. If their content is deleted by mistake, you can fix the page by simply typing in "mainpage" (without quote marks) for both fields at the end of the edit view for each main page affected.
Your website's landing page is your home page, which is a special kind of main page - the only difference to other main pages is that you can't delete it or create new ones. This makes sense as your home page's url always should be "index.extension" which will be hidden by default by browsers, so your website visitors can reach your main page without any extension following your domain name (unlike subpages).You can still do all the other things that you can do with other main pages, even rename the page to something else to show in the menu - since it doesn't affect the url of the page, you wont need to delete the page and create a new one with a new name to match the url with the page title, which you have to do for other main pages for consistency. The edit view of the Home page looks and behaves the same way as other main pages edit views.
Settings and Translations
The settings and translations section in the CMS combines all the options you can set globally for the website.Settings Global settings of the website that includes a few very important settings that you need to update once you have access to the CMS. The crucial ones are the following: - Site URL: this will feed information into your Sitemap XML file about each page, so if you dont update this with your website's actual URL, than your sitemap will include the default "https://www.mysite.com" as your website (therefore making your sitemap obsolete). - Website language shortcode: this field needs to be updated if you use a language for your website other than english. You can find a list of language codes here. There are a few other global site settings you may or may not want to change, these are the following: - Max number of casinos to show on main pages: this setting limits the casino review lists' length on each main page. This setting comes in handy if you don't plan to show too many casinos on each page, or want to show more than the default. - Website Schema JSON code: this is a global JSON tag that will show on all pages of the website. Website JSON includes basic information about the company running the website. See below example:
"name": "Name of the website",
"description": "A description of the website goes here",
"name": "Name of the publisher"
The compliance section of the CMS contains a list of organization logos that you can add to all of your pages' footer section. To add one or more you have to enter each logo's edit page and swith them on or off one by one (you can do that by toggling the "Visible in footer" switch).If you are looking for the compliance text (also found in the footer of your pages) to edit, you can find that in the "Settings and Translations" section of the CMS. We have added an extensive list of organization logos that you can choose from, in case you are missing a few please let us know and we will add them for you. You can also add it yourself if you wish to, just follow the guide found on this page in the Advanced Tips section below. If you open the edit view of a logo found in this section you will see a few options available for you to change. Visible in Footer: Switched on means the logo will show up on your pages, switched off will hide this specific logo. Title: This is the title of the images (shows in the CMS so you can easily recognise which logo you are editing) Page Link: The URL where the logo links to. You have two options: internal link or external link. External links require full URL (including https://) Links to Inner Page: If the logo you are editing needs to link to an inner page of the website you should switch this toggle on. If this switch is left off, your inner page URL wont work. URL Relationships: Add or remove html tags that describe the link. You might be familiar with a few, but here is a list of what each means: - sponsored: paid link content - external: links to a page outside of the website - nofollow: url links to an unendorsed page - eg. paid link - noopener: requires that browsing context created by clicking the link mustn't have an opener tag - noreferrer: hides the referrer (makes it unknown) - noindex: tells search engines not to index the page SVG Viewbox: The coordinates of the four points of the rectangle that the svg path will show in SVG Path The svg path's coordinates, each point is represented by a numeric value
Using Images on Pages
Traditional CMS will offer you a simple image upload directly into the section where you'd like the image to be visible, our solution is a bit different but with its benefits. Let us explain why. Referric is built on a headless CMS engine, this comes with certain changes compared to traditional solutions such as WordPress. The benefits is a fully be-spoke white label solution that is tailored for iGaming. Due to this, adding images needs to be done via the examples below. We promise you it won't take long and it will only benefit your ranks in the long run. You can find examples below of how you can add images to some sections of your pages. The code example fits well in the guide sections of the main pages or reviews sections of the review pages. You can simply paste the code below in the text box in one of these sections, and the image should appear on the page. If you have basic HTML knowledge you can also add images to other sections of the site as well if you wish to. A convenient way to add images is to upload them through the CMS' media tab in the main view. Since this folder is reserved for casino and sportsbook logos, it is called "/logos/" in the URL - don't forget to include this part when you replace the path with your uploaded images' path. Here is an example of how to link an image uploaded (called "mypicture.jpg" as an example) to your media folder:
Adding Custom Compliance Logos The edit view of a new compliance logo might look scary at first glance, but its actually not complicated to add a new logo at all. What you will need: - A flattened SVG file of the logo (containing only one path that draws the whole logo). An svg image is a multi purpose format which both works as a vector graphic and as html code. We will need the Html code to be able to add the appropriate snippets to their corresponding fields in the logo edit window of the CMS. Follow these steps to add a new custom logo: - open the svg image in a text editor so you'll have access to the html code that describes the images - find the html attribute called "viewbox". You will see some coordinates that is crucial for the svg image to show up on the page in the right sizes - copy the inside content of the viewbox attribute, it will look something like this: