How to Add Installation Instructions to a Product Page

In this article, you'll learn how to add installation instructions to a product page! 

First, make sure you have the installation instructions PDF (or image file) ready for upload. The File Manager can only accept files 2MB or smaller, so if your PDF is larger than this, you'll either need to A) decrease the file size by making the resolution of the PDF lower, or B) split the PDF into multiple files that don't exceed the 2MB limit.

Once your file is under 2MB, you are ready to upload it to your site! Log in to your Control Panel and search on the top-left for the word, "file." You'll see "File Manager" appear highlighted in dark grey - click on it to launch the File Manager section.

 

Once the File Manager section loads, click the link that says, "Click Here to launch the File Manager." You'll need to have pop-ups enabled in order to use the File Manager.

Once the file manager window opens, click the "Choose File" button near the bottom of the pop-up to select your PDF from your computer. Once you've selected your file, click the "Upload file" button to add it to the File Manager.

 

After you've added your file, the pop-up window will refresh, and your PDF will be added to the file list. Scroll through the alphabetically-sorted list to find the file you just uploaded, and click the small button on the right for "Download File " (the small square button that says "JPG" in it).

 

After clicking that button, you'll see the HTML Reference link for your file. We'll use this link in a moment, so you should keep this window open so you can refer to it later.

 

Now, navigate to the OEM Part Info Tool by either searching for it in the search box, or clicking the helpful link for it on the bottom of the Control Panel Dashboard. Enter the part number you want to add the instructions to and click "Get OEM Part Information."

 

Once the information for that part loads, copy and paste the following code into the "Part Description" field: 

<hr><span style="font-size:20px;">CODECODECODE</span><hr>

 

Once the code has been entered into the field, copy and paste the HTML Reference code form the File Manager popup (the window you kept open from a few moments ago), and replace "CODECODECODE" in the field with the HTML Reference code you just copied from the File Manager. Your finished code should look something like this:

<hr><span style="font-size:20px;"><a href="/images/custom/82213687 install.pdf">82213687 install.pdf</a></span><hr>

 

Now, all you have to do is change the name of your link. To do that, highlight the second mention of your filename (the one not contained by these - "<>"), and change it to whatever you'd like. We recommend something simple, like "Click here for installation instructions!" Once changed, your code should resemble something like this:

<hr><span style="font-size:20px;"><a href="/images/custom/82213687 install.pdf">Click here for installation instructions!</a></span><hr>

 

When you're satisfied with your code, scroll to the bottom of the page and click "Save changes." Now when you visit the product page on the front end of the site, you'll see the installation instructions link under the product image.

 

That's it! If you have questions or need help with anything else, just email support@revolutionparts.com for assistance. Thanks for reading!

 


Similar instructions can be found in this article: How to Add PDF Files to Policy Pages


EVERYTHING BELOW THIS BLOCK IS MANAGE-ONLY CONTENT.

This text will not appear on the finished article.

 

In this article, you'll learn how to add installation instructions to a product page! 

First, make sure you have the installation instructions PDF (or image file) ready for upload. The File Manager can only accept files 2MB or smaller, so if your PDF is larger than this, you'll either need to A) decrease the file size by making the resolution of the PDF lower, or B) split the PDF into multiple files that don't exceed the 2MB limit.

Once your file is under 2MB, you are ready to upload it to your site!

  1. Log in to your RevolutionParts account and click the gear on the top-right corner to access your Account Settings.
    Screen_Shot_2019-01-17_at_1.03.44_PM.png
  2. Then, use the left-side menu to find your store under the "Selling Channels" section. Click to expand your store options, then click, "Design," then click, "File Manager."
    Screen_Shot_2019-01-17_at_1.04.39_PM.png
  3. Once the File Manager section loads, click the button in the center of the page to upload your desired file(s) (or drag and drop your files to the space indicated).
    Screen_Shot_2019-01-17_at_1.05.38_PM.png
  4. Once your file(s) are uploaded, they'll be listed underneath the upload area.
    Screen_Shot_2019-01-17_at_1.07.29_PM.png
  5. Click the "eye" icon to the right of any file to view it in the File Manager. While viewing the image/file, right-click on it and open it in a new window. Opening the file reveals the direct URL file path for that file in address bar of your web browser. You can copy and paste this file path to create a link to this file on a product page.
    Screen_Shot_2019-01-17_at_1.38.46_PM.png

Once the information for that part loads, copy and paste the following code into the "Part Description" field: 

<hr><span style="font-size:20px;"><a href="FILE-PATH-URL">Click here!</a></span><hr>

 

Once the code has been entered into the field, copy and paste the file path (the URL you kept open from a few moments ago), and replace "FILE-PATH-URL" in the code with the file path URL you just copied when viewing the file from the File Manager. Your finished code should look something like this:

<hr><span style="font-size:20px;"><a href="https://rparts-sites.s3.amazonaws.com/8b5a6395197252c1f3a6d30973fba636/design/Install-Instructions1.pdf"</a>Click here!</span><hr>

 

Now, all you have to do is change the name of your link. To do that, highlight the second mention of your filename (the one not contained by these - "<>"), and change it to whatever you'd like. We recommend something simple, like "Click here for installation instructions!" Once changed, your code should resemble something like this:

<hr><span style="font-size:20px;"><a href="https://rparts-sites.s3.amazonaws.com/8b5a6395197252c1f3a6d30973fba636/design/Install-Instructions1.pdf">Click here for installation instructions!</a></span><hr>

 

When you're satisfied with your code, scroll to the bottom of the page and click "Save changes." Now when you visit the product page on the front end of the site, you'll see the installation instructions link under the product image.

 

That's it! If you have questions or need help with anything else, just email support@revolutionparts.com for assistance. Thanks for reading!

 


Similar instructions can be found in this article: How to Add PDF Files to Policy Pages


If you have any questions, feel free to reach out to us by emailing
support@revolutionparts.com or calling 480-779-7278!

RevolutionParts Logo