Versions Compared

Key

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

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 file to the client’s website folder. Said file 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 have credentials for Notepad++

  • Make sure to connect to a VPN

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

Expand
titleStep 1:

Find the client’s folder on Notepad++

Image Added

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:

Open client’s folder.

Image Added

Most sites have similar folders and files.

Expand
titleStep 3:

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

Image Added

Expand
titleStep 4:

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

Image Added

The document should look like this:

Image Added
Expand
titleStep 5:

Find these lines of code within the document:

Image Added

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

Image Added

as it should lead to the lines of code needed.

Expand
titleStep 6:

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:

Image Added
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:

Lastly, save the document.

Image Added

Outputs:

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

FAQs

Expand
titleFAQ...

Answer…

...