Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

Procedure

Inputs:

  • As part of the initial setup for clients this is an important step

  • Make sure to you have credentials for Notepad++

  • Make sure to connect Connect to a VPN

  • This method is for (blue star) Dealer Spike clients only

Expand
titleStep 1: Finding client's website folder

Find the client’s folder on Notepad++

In this example 1stchoiceequipment will be used.

Info

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.

Expand
titleStep 2: Opening client's folder

Open client’s folder.

Most sites have similar folders and files.

Expand
titleStep 3: Locating "Includes" folder

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

Expand
titleStep 4: Locating and opening "stfHeaderStart.inc" document

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

The document should look like this:

Expand
titleStep 5: Finding where to put the code

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.

Expand
titleStep 6: Adding the code to the file

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:

Note

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" />

Info

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.

Expand
titleStep 7: Saving the document

Lastly, save the document.

Outputs:

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

...