Display unique Content for different Customer Segments in Customer Account

Store Design
, ,
1

Hey everyone,

we would like to display unique content for each customer segment in our customer accounts. So for example VIP Members (a customer segment) would see additional content e.g. promos etc., which other customers can’t see. I was wondering if there is a way to customize this within shopify?

Thanks for your help!

Miguel

2

you can add code something like that:

{% if customer %}
  ## Welcome, {{ customer.first_name }}!
  {% if customer.tags contains 'VIP' %}
    
    
      ### Exclusive VIP Promotions
      

Thank you for being a VIP Member! Enjoy these exclusive promotions:

      
    

  {% endif %}
{% endif %}
1 Like
3

Hi @miguel_by ,

Will it be added manually, or do you want to add it automatically for VIP customers.

If it’s manual, you can use a tag and add display conditions to it. Refer https://help.shopify.com/en/manual/shopify-flow/reference/actions/add-customer-tags

1 Like
4

Hey,

what I basically want to have is two different versions of the account page. One for regular customers & another one for VIP Customers. The default functions (Top Part: My Accounts, Order History etc.) should remain the same. However I would like to display unique content in the VIP version, like in the example of the picture Ive added below, an additional gallery section with links to exclusive features (e.g. Appointment Bookings).

I already have created 2 according customer segments (regular & vip) and added tags to both. So now how can I achieve for shopify to display a different page according to the customers segment? Is there any way to achieve this without code?

Thanks in advance!

Example.jpg
Example.jpg1436×918 55 KB

5

Hey,

thanks for your reply!

I would like to add additional sections, like a gallery for example, not just text. Is there any way of a workaround without touching the code?

Thanks in advance!

6

Hi @miguel_by ,

If you don’t want to customize with code, you need to install an app for it, which may cost a monthly fee. Refer link

I recommend you change the theme code, it will save you money on this feature.

If you have no experience with coding, I can help you set it up.

7

I guess I would have to add the code of the gallery right?

8

Hey again,

I’d be open to use code, just wanted to see if there where other ways to find a solution first.

9

Hi @miguel_by ,

Yes, if so, where do you want the information to appear on the account page? I will check and guide you

10

Hey again,

sorry for the late response. I would like it to appear just below the main section. I guess it would work if you would make this section visible for just customers with a specific customer tag (for us the vip segment).

11

Hi @miguel_by ,

Please send me the code of main-account.liquid file, I will check and guide it for you

12 
{{ 'customer.css' | asset_url | stylesheet_tag }}

	

		

			

				# {{ 'customer.account.title' | t }}
				

					
		      	{% render 'svg-icons' with 'thb-log-out' %}
		      	{{ 'customer.account.log_out' | t }}
		    	
				

			

		

	

	
	  

			#### {{ 'customer.orders.title' | t }}
			{% paginate customer.orders by 20 %}
	      {%- if customer.orders.size > 0 -%}
		      
		          {% for order in customer.orders %}
							
		          {% endfor %}
		        

| {{ 'customer.orders.order_number' | t }} | {{ 'customer.orders.date' | t }} | {{ 'customer.orders.payment_status' | t }} | {{ 'customer.orders.fulfillment_status' | t }} | {{ 'customer.orders.total' | t }} |
| - | - | - | - | - |
| <br>	                <br>	                  {{ order.name }}<br>	                <br>	               | <br>	                {{ order.created_at | time_tag: format: 'date' }}<br>	               | <br>	                {{ order.financial_status_label }}<br>	               | <br>	                {{ order.fulfillment_status_label }}<br>	               | <br>	                {{ order.total_price | money_with_currency }} |

				{%- else -%}
	       

{{ 'customer.orders.none' | t }}

	     	{%- endif -%}
				{% render 'pagination', paginate: paginate, pagination_type: 'paginated' %}
		 {% endpaginate %}
	  

	  
	    #### {{ 'customer.account.details' | t }}
			{% if customer.default_address %}
			
			
			{% endif %}
			
				{{ 'customer.account.view_addresses' | t }} ({{ customer.addresses_count }})
13

Hi @miguel_by ,

Please add code here:

Screenshot.png
Screenshot.png1766×602 88.7 KB

Code:

{% if customer.tags contains 'VIP' %}

  

{% endif %}