1. Home
  2. How to Show or Hide Something on Your Site

How to Show or Hide Something on Your Site

Scenario: You’ve got something that you’d like to show (or hide) on a page of your AccessAlly site. Being able to show or hide something for logged in members can be valuable if you have requirements for making a purchase or redeeming points within a membership.

In this article we’ll explore how to show and hide content on your site based on tags a user has. There are many ways that you can use AccessAlly to show or hide content. This ideas in this article are to help show you examples of what’s possible.

If you have questions about anything in this article join our next Tune Up Call or Contact Support.

Skill Level: All

How to Show or Hide Something Based on Tags

If you would like to show something on your site based on tags (or hide it) you can do this using Conditional displays that you create inside the AccessAlly Shortcode Generator.

In this example we’ll cover text, a custom operation button, and an order form to give you a few examples of what’s possible.

STEP 1: THE SHORTCODE GENERATOR

Step 1: Open the AccessAlly Shortcode Generator

The AccessAlly Shortcode Generator is found on the /wp-admin page of your site. You can type https://nameofyoursite.com/wp-admin to find it.

Shortcode Generator

STEP 2: CONDITIONAL - HAS TAG(S)

Step 2: Make your selections

  1. Choose Conditional – has tag(s) selection from the Dropdown.
  2. Type the name of the tag a user has to have to see this content.
  3. Click Generate Shortcode.
  4. Copy the code – you can place it in Notepad on a PC or TextEdit on a Mac.

Has Tag Shortcode

STEP 3: CREATE WHAT IS SHOWN

Step 3: Create what you want to show.

There are lots of choices for what you would like to show to a user that has this tag. Examples are:

  1. Text – you could type a message you would like shown.
  2. Custom Operations – you could go back to the AccessAlly Shortcode Generator and grab the code for a custom operation button (like unlocking something with points.)
  3. An order form – you could go back to the AccessAlly Shortcode Generator and select an order form you would like to display.

What’s important is… the user will only see what you want to show if they have the tag you’ve added.

STEP 4: COMBINE YOUR SHORTCODE WITH WHAT THE CONTENT YOU WANT TO SHOW

Step 4: Combine the AccessAlly Shortcode with what you’d like a user to see.

Open Notepad on your PC or Text Edit on your Mac and nest what you want to show in between the conditional – has tag(s) you created in Step 1. Use the examples below as a guide.

Example showing text: [accessally_has_any_tag tag_id=’3974′ comment=’Brilliant Course Base Access’]Text I want shown here[/accessally_has_any_tag]

Example showing a custom operation: [accessally_has_any_tag tag_id=’3974′ comment=’Brilliant Course Base Access’][accessally_custom_operation operation_id=’53’][/accessally_has_any_tag]

Example showing an order form: [accessally_has_any_tag tag_id=’3974′ comment=’Brilliant Course Base Access’][accessally_order_form offer_id=’171′ allow_coupon=’yes’][/accessally_has_any_tag]

STEP 5: ADD YOUR CODE TO THE PAGE

Step 5: Add the code to a WordPress page.

Place the entire code into the page you’d like the content displayed when a user has that tag. This can be any page on your site in any location you’d like.

The process for this step varies based on your WordPress Theme and/or Page Builder.

STEP 6: EXAMPLES OF THE FINAL RESULT

Step 6: Examples of The Final Result

Your content is only shown when a member has that tag. If they do not have the tag this item is hidden from view.

Example of showing text when a member has the tag.

Text Example

Example of the hidden text when a member does not have the tag.

Hidden from View

Example of showing the custom operation button to a member that has the tag.

Custom Operation Button is Shown

Example of the hidden custom operation button when a member does not have the tag.

Hidden from View

Example of showing the order form to a member that has the tag.

Order Form Displayed

Example of the hidden order form when a member does not have the tag.

Hidden from View

Frequently Asked Questions about this Article

WHAT IF I WANT TO BOTH SHOW AND HIDE CONTENT?

Great question! You can do just that by nesting conditional shortcodes.

Example: I’m selling a course called Brilliant Course, but only to members that participated in another paid offering on my site called Fabulous Challenge. I’d like to show a 1-click upsell button to participants of the Fabulous Challenge so they can purchase Brilliant Course, but also hide the button after the purchase has been made.

To create this example you’ll use the AccessAlly Shortcode Generator to create three different types of shortcodes.

  1. AccessAlly Shortcode Generator with the Conditional – has tag(s) to add the tag for the challenge.
  2. AccessAlly Shortcode Generator to create the Conditional – missing tag(s) and you’ll use the tag for your course.
  3. AccessAlly Shortcode Generator to grab the shortcode for your 1-click upsell order form.

The resulting code will look like this. Don’t forget to place the two ending “[/” parts of your code after the custom operation button you would like to display.

[accessally_has_any_tag tag_id=’3924′ comment=’Fabulous Base Access’][accessally_missing_any_tag tag_id=’3974′ comment=’Brilliant Course Base Access’][accessally_order_form offer_id=’58’ allow_coupon=’yes’][/accessally_missing_any_tag][/accessally_has_any_tag]

Updated on October 30, 2023

Was this article helpful?

NO QUESTION GOES UNANSWERED

If you have any questions, we're just an email away.

We take your success seriously, and you'll always get a speedy reply from a real person during business hours.

Laptop with the AccessAlly demo site

AccessAlly is the most flexible way to sell and elegantly deliver digital offerings. All in one place.

WATCH THE DEMO

You'll get follow-up emails about AccessAlly and new features. Opt out anytime. Full privacy policy here.