Show Help Centre article based of geolocation
Hello,
Can you please help me with the above?
Is it possible to make an article in your Help Centre display to customers based on their location for example they live in Ontario.
Any customer who accesses the Help Centre from here sees an extra article just for them based on location.
I see another help centre article which shows how to hide an article but the script did not work for me.
If the above is not possible can you advise how you can hide the article so only be visible in the Help Centre if the Url was shared with the customer?
Please provide the script for either solution.
Thank you.
Kind Regards,
Anton
-
Hi Anton :), show articles based on geolocation is tricky, you can do one thing; create a special category and create your special articles in it; you can apply user segment for these articles or these article can be locale based I mean that category and articles of this can be locale based.
I didn't set my geolocation on my laptop when I wrote geolocation code, I got an alert to turn on also my location is not set on my laptop so I ggot wrong city basis of my device location so I don't think it's a right way.
May be someone else give solution better than me but I think you should try locale based category with the articles or use user segment.
Thanks
Ifra
-
Hello,
Thank you for the suggestion.
I will try this.
Kind Regards,
Anton
-
Hello,
A user segment would require a tag or defining feature for the end user to access it which would then mean that the customer profile in Zendesk needs that tag on it.
Or can the user segment be setup a different way?
Thank you.
Kind Regards,
Anton
-
Hello,
I tried hiding the category using this support article but none of the examples seem to work. My preferred option is the ist tags.
See below where they have been added to my script. I also used category number instead of the name
<section class="section knowledge-base">
<h2 class="visibility-hidden">{{ t 'categories' }}</h2>
<section class="categories blocks">
<ul class="blocks-list">
{{#each categories}}
{{#isnt name 'Account'}}{{#if ../has_multiple_categories}}
<li class="blocks-item">
<a href='{{url}}' class="blocks-item-link"><span class="blocks-item-title">
{{name}}
</span>
<span class="blocks-item-description">{{excerpt description}}</span>
</a>
</li>
{{/each}}
{{/if}}
{{/isnt}}{{/each}}
</ul>
{{pagination}}
</section>Can provide the full script if required.
Thank you.
Kind Regards,
Anton
-
Hello,
I have decided to just the article instead.
I managed to hide the category and sections but can't hide one particular article in a section.
I tried this from the section tab with the following code but the article still displays.
Can you assist please?
<div class="container-divider"></div>
<div class="container">
<nav class="sub-nav">
{{breadcrumbs}}
<div class="search-container">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon">
<circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
<path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
</svg>
{{search scoped=settings.scoped_kb_search submit=false}}
</div>
</nav><div class="section-container">
<section id="main-content" class="section-content">
<header class="page-header">
<h1>{{section.name}}</h1>
{{#if settings.show_follow_section}}
<div class="section-subscribe">{{subscribe}}</div>
{{/if}}
{{#if section.description}}
<p class="page-header-description">{{section.description}}</p>
{{/if}}
</header>{{#if section.sections}}
<ul class="section-list">
{{#each section.sections}}
{{#isnt id 9772307245330}}
<li class="section-list-item">
<a href="{{url}}">
<span>{{name}}</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" aria-hidden="true">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 14.5l6.1-6.1c.2-.2.2-.5 0-.7L5 1.5"/>
</svg>
</a>
</li>{{/isnt}}
{{/each}}
</ul>
{{/if}}{{pagination "section.sections"}}
{{#if section.articles}}
<ul class="article-list">
{{#each section.articles}}
<li class="article-list-item {{#if promoted}} article-promoted{{/if}}">
{{#if promoted}}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
<path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12.83c.14-.37.49-.61.88-.61s.74.24.88.6L8 3.73l3.11.17a.946.946 0 01.55 1.68L9.24 7.53l.8 3a.95.95 0 01-1.43 1.04L6 9.88l-2.61 1.69c-.16.1-.34.16-.51.16z"/>
</svg>
{{/if}}
<a href="{{url}}" class="article-list-link">{{title}}</a>
{{#if internal}}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" class="icon-lock" title="{{t 'internal'}}">
<rect width="12" height="9" x="2" y="7" fill="currentColor" rx="1" ry="1"/>
<path fill="none" stroke="currentColor" d="M4.5 7.5V4a3.5 3.5 0 017 0v3.5"/>
</svg>
{{/if}}
</li>
{{/each}}
</ul>
{{else}}
<i class="section-empty">
<a href="{{section.url}}">{{t 'empty'}}</a>
</i>
{{/if}}{{pagination "section.articles"}}
</section>
</div>
</div>Thank you.
Kind Regards,
Anton
-
Hi Anton, I'm too late I know,
For section page:
{{#if section.articles}}
<ul class="article-list">
{{#each section.articles}}
{{#isnt id 13018266721940}}
<li class="article-list-item {{#if promoted}} article-promoted{{/if}}">
{{#if promoted}}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
<path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12.83c.14-.37.49-.61.88-.61s.74.24.88.6L8 3.73l3.11.17a.946.946 0 01.55 1.68L9.24 7.53l.8 3a.95.95 0 01-1.43 1.04L6 9.88l-2.61 1.69c-.16.1-.34.16-.51.16z"/>
</svg>
{{/if}}
<a href="{{url}}" class="article-list-link">{{title}}</a>
{{#if internal}}
<svg xmlns="http://wFor Category Page:
<div id="main-content" class="section-tree">
{{#each sections}}
<section class="section">
<h2 class="section-tree-title">
<a href="{{url}}">{{name}}</a>
</h2>
{{description}}
{{#if articles}}
<ul class="article-list">
{{#each articles}}
{{#isnt id 13018266721940}}
<li class="article-list-item{{#if promoted}} article-promoted{{/if}}">
{{#if promoted}}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
<path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12If your homepage has knowledgebase or private article is showing then you can add condition with the article id just before article LI tag, also you have to add condition on your search_results.page to hide from there as well.
Now you can give direct URL of your private article.
If any confusion please ask :)
Thanks
-
Hi Ifra,
Thank you for the reply.
I see now what I did wrong.
This works perfectly.
Thank you for your help.
Kind Regards,
Anton
サインインしてコメントを残してください。
7 コメント