Link Media Files to Site Menu

Link Media Files to Site Menu

Summary

This SOP outlines the steps to link media files, such as PDFs or images, directly to the site menu on a Tent Apps website. It provides a straightforward process for logging in, selecting the appropriate menu, and adding media links effectively.

Overview

  1. Log in to the back end of your Tent Apps website.
  2. Navigate to the Appearance section and click on Menus.
  3. Select the desired menu that you want to edit.
  4. If necessary, remove any existing link that you want to replace.
  5. Locate the Custom Links section.
  6. In the Link Text field, enter the title (e.g., 'Lunch Menu').
  7. Open a new tab and go to your media library to upload your media file (PDF or image) by clicking Add Media, then Select Files.
  8. Select the file you wish to add and retrieve the File URL.
  9. Copy the File URL and return to the menu editing tab.
  10. Paste the copied URL into the URL field in the Custom Links section.
  11. Click Add to Menu. The link will be added to the bottom of the menu.
  12. Drag the new link to the desired position within the menu.
  13. Click Save Menu to apply changes.
  14. Visit the front end of your site and refresh the page to verify the new link works correctly.
  15. Hover over the menu item to ensure it links to the intended PDF file.

Original Transcript

Hey guys, I want to show you how to link a media file to your site menu. Um, what I mean by that is, let's go to the front end of this site. What I want to do is, I want to change this link right here from a link to a page, but instead I want it to open directly to a PDF. So, in order to accomplish this, you'll want to log in to the back end of your website, and then you should see a tab over here that says Appearance, and then you will click Menus. Now, once that loads, we want to make sure where we have the correct menu selected. So, I want to choose that. And this is the menu that I want to edit. So, this is the old link that links to a page. First things first is I want to remove that. You might necessarily want to do that step, but in this instance I do. So, I'm going to remove it. And then I'm going to hit this drop down that says custom links. And the link text is going to be this kind of title right here so this is going to be the lunch menu. Now, I need a URL to paste right here. So, I have another tab open that has our media library. And if you want to upload a PDF or an image, you're going to click add media file, select files, choose a file from your computer. And then it'll add it to this menu down here. Now, I want, I believe I want this one right here. And once you click on it, you will see the file URL. So, we want to copy this. Sometimes, it'll sometimes this button can be a little bit finicky and it doesn't work every time. So, I just like to highlight the entire link and copy it. And then we can go over to this tab and paste it. When we click add to menu, it will automatically add it down at the bottom. And we can just drag it where we want it to go. So, I believe right about here is what we wanted. And then we just hit save menu. Now, once that's saved, we want to check it on the front end to make sure that our usage is correct and can actually interact with it correctly. So, I have our front end opened right here, but I first need to reload this page. Alright, once that has reloaded, we can hover over here and you can see in the bottom left hand of my screen, you should be able to see that the link that popped up is a link to that PDF. So, when I click on it, it'll open directly to a PDF. So, that's very quick and easy how to add a PDF. You can also add an image to your menu either way, but that's how you add media links to your site menu.

Video Link

    • Related Articles

    • Creating Custom Links on Your Website Menu

      Summary This SOP outlines the steps to create custom links on your Tent Apps website. It includes instructions for adding links that can open external resources or specific forms within your site, particularly for Planning Center integration. ...
    • Adding a New Page & Menu Item

      Here is a quick video tutorial on how to add a new page to your website and then add it to your menu. Video Included in this video is how to duplicate the look of an existing page, manage your menu, and add new content to your site. Step By Step ...
    • How to Add Images, Graphics, or Videos to Your Tent Apps Media Library

      Your media library will be the hub for any type of media you wish to use in your blogs, announcements, social media posts, or when editing a page of your website. Video Step By Step Accessing the Dashboard: Log in to your Tent Apps account. Upon ...
    • Change link color on website

      This video provides a concise walkthrough on how to change the link color on a website's backend settings, ensuring clarity and effective visual presentation. Video Step-By_Step Access Backend and Settings Log in to the backend of the website. Select ...
    • How to locate your Google Calendar iCal Link

      Summary This SOP outlines the steps to obtain and share the iCal link from Google Calendar for integration with Tent Apps. It ensures your calendar is publicly accessible to be included in your app. Overview Log in to your Google Calendar account at ...