This SOP is a work in progress. If you notice anything that is out of date, could be more clear or could be more efficient please update the SOP or add a comment to start a conversation.

Purpose

This is the procedure for adding the Global CSS code to the client’s website folder. Said code affects all sites on the Dealer Spike Marketing Platform.

Procedure


Inputs:

  • Make sure you have credentials for Notepad++

  • Connect to a VPN

  • This method is for ​Emoji :Dealer_Spike: Dealer Spike clients only

Find the client’s folder on Notepad++

In this example 1stchoiceequipment will be used.

Folders can be expanded or collapsed with double click, selecting and enter, or clicking the arrow on the left.

Documents can be opened with double click or selecting and enter.

Open client’s folder.

Most sites have similar folders and files.

Once in client’s folder locate “includes” folder and expand it.


Once in the “includes” folder, locate and open the document “stdHeaderStart.inc”

The document should look like this:

Find these lines of code within the document:

Alternatively, the search function can be used using Ctrl+F and search for “styles.css”

as it should lead to the lines of code needed.

Once the lines of code are found, paste the following right below the code mentioned:

<!-- SEO CSS Import File - [SEO Rep Name] - [Enter Date Added] -->
<link id="seoStyles" rel="stylesheet" type="text/css" href="/imglib/seo/css/seo-css-v6.css" />

Fill in the [SEO Rep Name] and [Enter Data Added] with Rep name and the date it was added respectively.

Once done should look like this:

It’s important to check if the site is Version 6 (V6) or Version 7 (V7). Depending on the version the code changes slightly. This can be checked in the website’s admin dashboard.

V7 Code:

<!-- SEO CSS Import File - [SEO Rep Name] - [Enter Date Added] -->
<link id="seoStyles" rel="stylesheet" type="text/css" href="/imglib/seo/css/seo-css-v7.1.1.css" />

It’s important to add the rep’s and date info as it will tell the rest of the team who and when was the code added as this will tell support and whoever reads the file who to contact in case modifications are needed.

Lastly, save the document.


Outputs:

  • The CSS code is added to the client’s website folder.

FAQs

Answer…