How To Add Footer Links To MemberVault Pages

Welcome back!

Since MV just updated the company Terms & Conditions, I thought it would be a good time to show you how to add such things in your own MV.

In this episode you'll see how to add Links in the Footer section of your site, and how to link to Pages in the new Page builder.

We'll also catch a quick tip for how to remove the Page Title to make your documents appear more crisp and clean on the site.

This allowed me to move all my legal notices off SquareSpace and over to MV -- to keep people closer to my content!

Please find the CSS code snippet below, along with the Audio version and Transcript of this episode.

Tech note: at one point in the video I delete a Footer link and then I get confused when it stays in view on the page.  This happened because I had multiple browser tabs open with the same page in my MV Admin.  Resolved by closing the extra Tabs and deleting the Footer link from the last open one.

Thanks for watching!

CODE

Here's the CSS code to remove the Page title.  Paste this into the "Advanced" section of your Page, in the CSS field.

Important: for this to work, you must copy and paste everything between the following horizontal page dividers, including punctuation marks and the end bracket.

h1.text-3xl.font-bold.p-4.lg\:pl-2.lg\:pr-2 {

display: none;

}

AUDIO

TRANSCRIPT

Hey, it's Steve, welcome back to the User Experience podcast. What are we doing today? I'm going to talk about using the footer section to add links in your MemberVault site, which means when you scroll down to the bottom, there is the footer, you have your about where you can describe who you are what you do, you've got your social buttons over there where people can find you.

But in the middle, there's this really important section for links. And if you haven't developed this, today, I'm going to tell you what to put there. And why it's important. Because these are things that are really going to take your business into being an official thing that has the support you need legally.

A little disclaimer about disclaimers, I'm not giving you legal advice. So anything you see in this episode, on screen, or in the replay, or in the text notes or whatever, I don't want you to copy it, because it's only for my business. And you're you're going to have your own specific needs. So I'm not giving you legal advice, the message I'm giving you is it is important to define your legal terms and post them on your site. So this episode is all about how to make the pages, put them into the footer and, and just why that's important. And at the end, I'm going to give you a little nugget of CSS code for removing the header and making your page look very crisp and clean. So people can read the content and not get distracted.

A little background on this. I had my my privacy policy and stuff on Squarespace before. So the footer of my MemberVault used to take people off of MemberVault over to Squarespace. What's the problem with that? It took people off of MemberVault!

Now that we have the new pages feature, and you can build freestanding independent pages that are not part of a course with the product and a lesson in the module. Now you can make your own pages right in here and have your links go just to your own MemberVault site. And you don't need to people to you don't need to direct people away. So basically, the real reason I'm telling you this whole podcast episode is to help you keep your visitors on your member vault site where they can encounter your content, see another teaser binge and buy on the fun stuff, possibly buy a product today. And feel reassured that you are organized and you're giving them everything they need.

Because remember, if you don't outline your terms and conditions and your privacy policy and your refund policy, you don't have a way to negotiate in the future. It's actually a disservice to your own business, if you ignore these things. So that's really the message. And I'm not telling you what to do, I'm just telling you, it's important to do it.

So before I get into how to make these things, let's look at the admin you might notice in your admin section. Remember, MemberVault has little announcement that says please note our Terms and Conditions have recently been updated. That sort of precipitated this episode. MV just, you know, we made the shift away from the free plan in April. And the company updated their terms and conditions to reflect that and made a little note about it. So I thought, hey, this is a perfect time to mention all about these legal documents, where to put them in the footer section and why that's important.

So the first thing we're going to look at is content. And pages. If you haven't done this before, when you go to the Pages section, you can easily click Add Page and set up a new page. It's really easy, I just set up a new demo and greement a demo agreement. To give you a quick illustration name is agreement. The link is going to be courses slash agreement, and there's the slug, you can see the link status of your page can be invisible. And the reason is, when I go to my display of products and available products and pages, under My Pages List, I want to have something like a sales page with a video that tells people what they're going to learn why it's helpful and what they get in the course. I don't really want them to see in my list of pages, a whole crowded list of privacy and refund and all that stuff because they don't need it at that point. So that's the reason why I keep my pages set to invisible. Enable comments. No, honestly, I don't really want people having a discussion on there about my refund, like no. And for the page content, I literally went to my Squarespace site, I did select all Ctrl C copy, came over to here. And I did paste Body Talk body text, Command V. This is my page. And here's the content. And there is some CSS code.

This is the only thing in the whole episode that you're going to copy and paste and I'll put it in the show notes so you can clearly find it. And a little bit, I'll show you what that does and why it's important. And that's going to go down. Make sure it's not there. So what I get when I preview this page is agreement, and this word agreement could be privacy or disclaimer or whatever. And then you go here body text to command V paste in your message of whatever your legal documents are. You might want to hire a lawyer to make sure you're doing what you think you think you're doing. And that's what the new page is going to look like. And then you would get a new link at the bottom but where's my link? Oh, wait, this. This page is called mixed texture Oka agreement. I don't see it at the bottom. You know why? Because I didn't add the page at the bottom. So when it's time to add the page and you have it all built out. You come to your link. Copy the link, man see. Now let's go down to the footer. Where's the footer appearance? And footer? Okay, that's pretty easy.

Thank you Mike for making these navigation. and bars on the side, and footer settings. So there are some things about you know, what you want to display, there is the link section, you know, it's kind of cool, you can just click on these to minimize them if you want to, there is your account preview, let's minimize that doesn't minimize, okay, so the Links section, and they even give you have links to things like privacy policy terms, etc, make sure to include HTTPS. And to add a new one, I'm just going to click add link. And I'll put demo agreement. So it's easy to understand that's not really supposed to be there, paste that in, click outside the frame to save it. And watch this. I'll go over here, refresh. Aha, now my demo agreement is at the bottom of the page in the link section and watch what actually happens, it's automatically set to open in a new tab, which is really cool. Because when people want to read this, if they're on a page with one of your courses, they can read the privacy policy or the refund policy without losing the place they are.

So let's say a person is looking at a sales page or looking at a product teaser. And they get curious about the refund. And they're not sure and they have an objection, they're just kind of hesitating, they can come down, and they say all the refund policy, that's what I wanted to know, they click the button, a new tab opens up, they can go there, they see that you have a refund policy, and most people, they're gonna look at half of it and then close that tab, then they come back and buy into the product, because they feel confident that you're aware of their needs, you're giving them what they want. You're protecting them by putting it in writing, and that you're organized. So it's really just such a nice thing that Mike has it built in to open a new tab with the policy. And you can see the link has a new page right here at the bottom, ready to go.

Now I don't actually want to have this on my real site, which is live right now. So what do you do when you want to delete a link, you click the red X, and it's gone. So you can see here I have do when you want to delete a link, you click the red X, and it's gone. So you can see here I have privacy policy disclaimer terms and conditions, refund policy and affiliate agreement. And the main idea is to put it in writing, right, so the privacy policy is going to contact cover things like the GDPR agreements. How can people have their information deleted if they want to close their account? Those are important things you need to learn about, I'm not giving you legal advice, I'm just saying it's important to have that the disclaimer is something like, and I'm just sharing my rudimentary understanding these things.

If you're in any kind of business, offering a result, especially financial or medical, health, development, whatever, you need to protect yourself by saying, this course is not guaranteed to give you money, you're going to learn something that's up to you, this course is not guaranteed to change your body. And if you take on any activities, it's your responsibility to do it safely. So you don't get hurt and fall down on your own couch or whatever. So that you know what disclaimer is, terms. And conditions are just basically things that are like, you know, you're not allowed to copy everything and sell it somewhere else or whatever. Just outlining specifically how people interact with your business with this name at this time with these products and stuff. Being specific is important. That's my concept of that refund policy is a fun one. You know, we're working with PayPal and Stripe as our payment processors. They have their own chargeback policies, durations of you know, checking for failed payments and things like that, you need to be aware of how that works.

So that when the situation happens with a failed payment, or somebody changing their card details, you got to have something in place that says, here's what we're going to do. Here's how we handle it. I'm aware of this, and it's already taken care of. And believe me as a person working on tech support for MemberVault, I see these questions every week. People are asking something related to payment. And I'm telling you right now, it will help you to think through your refund policy and put it in writing. So you're ready when someone's complaining about a price or getting access to a product and you don't get the money. You know, put it in writing an affiliate agreement. Now this is only if you are enabling affiliate links in your products, which means other people can share your products and the other person gets a percentage. So that's for your visitors or your members to make a little bit of money by helping to promote your MemberVault the affiliate agreement is not about sharing member vault, the software because that's not open anymore. And my demo agreement is gone. Let's refresh that link get deleted. Let me see. That's interesting. I thought I deleted that link. I clicked outside the frame to save...

I don't know why that's happening, but I'm hoping that will disappear soon. So now like I mentioned I was going to talk about how to remove the header. The header section is here with the page title. So at the very top this thing is what we call breadcrumbs. It shows the home icon and a list of where you are on the site. So for example, if I click to one of these other products and you click in the breadcrumbs are going to show you the product you're in. That's pretty simple and And I want to go to my demo Agreement page. And he's still there. And I just want to remove this thing up at the top. So the page looks cleaner. This is where your custom code comes in. And I need to edit the page on the right tab, too many tabs open, let's go to this one, back to content into pages. Demo agreement. And I dropped this custom code in the body text, so I could have it during this tutorial. That's not where it goes. What you do is put your custom code in the CSS section, Paste, Paste, Paste, save, save, save. Now let's see if we can get a page refresh. Aha, the stuff at the top disappeared.

Now we have a big simple page with a heading up top that looks somewhat more like a PDF document or legal document, which basically just eliminates the distraction keeps your page looking more clean. And here's where people can read the Terms of whatever your agreement is. And that is all you need to do. To set up your footer section with however many pages you need, and outline the policies of how people can interact with your business. And my Pages List. Remember, just click Add Page button, set them to invisible, so people don't see them in the main menu, and then add the links into the footer section. So I've got all these pages set to invisible, no comments enabled, this one that's called sales page template, you can see there's a little bubble with like a talk bubble that shows that comments are enabled on that page. So it's really nice, you can look at all the other pages, none of them have a talk bubble, meaning none of them have comments enabled. So I know I don't have to go in and look at those settings. That's all taken care of affiliate agreement demo agreement, and you know what I want to do, in case this becomes useful to you. I want to delete this agreement page. Because it's not part of my real site, it's only part of the tutorial. And now it's gone. And once again, to add these links, you go to appearance. And what're all you have to do is copy and paste your links into each little slot. And you can have as many as you want.

Also, by the way, notice that the first one I have is called contact Steve, there's a special link for your email address that says mailto: email address. And that is how you get the contact link, which when you click this, it's going to open your mail service. And it's going to open your visitors mail service. And they will be able to directly send you an email right away super clean and quick without them having to think too much. Because you'll always want to remove barriers to communication, keep the door open, give people a very easy place to find what they want. So when they have a question about what are you going to do with my data? Are you going to sell my email list? Or are you going to sell my name to another email list? Are you going to, you know, can I get my money back if I need to, you want to put it in writing so people can find what they need because that helps protect you as a business owner. And it helps protect your clients, visitors, members people so that they feel comfortable with you adds to the trust builds up the coyote know like and trust and just takes you one step farther down the road. Remember, as a last step, I'm not giving you any legal advice.

So if you happen to watch the replay and explore my site or clicking the links, remember, I put these things in for my business. And you really need to detail this on your own for your business with specific language that will help you with your clients, which means talk to a lawyer, or at the very least find some templates from a business like yours. And make sure it really really means what you think it means before you put it in place. It's not going to break your MemberVault, but you want to make sure that you're actually protected the way you think you are. So that's it for this episode of The User Experience podcast. And for a little preview of what's coming up. If you like using CSS code to do things like remove Page Header page headers, you're gonna love the next upcoming series series.

For the next two months or so during the summer slowdown period, I'm going to be sharing little snippets of CSS code to do things like add custom buttons, or make a color of a frame of color around a block of text or add a testimonial. Or put in some screenshots that look professional instead of looking like you just took two seconds with your mouse. And these are all going to be little things to help you customize your pages to look really good on your MemberVault site as we go through the process to get to the blog builder. So that's what that's all about. Thank you so much for watching. I'm Steve knots from the User Experience podcast. See you next time.