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:
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 firstname.lastname@example.org for assistance. Thanks for reading!
Similar instructions can be found in this article: How to Add PDF Files to Policy Pages