Can I change Submit a Request to link to my Community Page? | Community
Skip to main content

Can I change Submit a Request to link to my Community Page?

  • May 30, 2024
  • 1 reply
  • 0 views

Mary17

Hi there.  👋 

 

I know I can remove the portion at the end of my Help Articles that says “Have more questions? Submit a Request” but is there a way to change the Submit a Request portion to say “Ask in the Community” and then link to our Community Page instead of submitting a ticket form? 

 

 

1 reply

  • May 30, 2024

Hello @Mary 

It is possible with some code adjustments within your theme, here is what needs to be done:

 

1. Navigate to Guide Admin > Themes > Customize > Edit code

2. Access your article_page.hbs template and look for the block code and remove it (this is what prompts the block with the submit a request):

          <div class="article-votes">

           <h2 class="article-votes-question" id="article-votes-label">{{t 'was_this_article_helpful'}}</h2>

           <div class="article-votes-controls" role="group" aria-labelledby="article-votes-label">

             {{vote 'up' class='button article-vote article-vote-up' selected_class="button-primary"}}

             {{vote 'down' class='button article-vote article-vote-down' selected_class="button-primary"}}

           </div>

           <small class="article-votes-count">

             {{vote 'label' class='article-vote-label'}}

           </small>

         </div>

3. In place you will need to put a new element:

    <div class="center-container">

        <a href="https://yoursubdomain.zendesk.com/hc/en-us/community" class="community-link">Ask in the Community</a>

    </div>

4. Then you will need to style it adding CSS in styles.css:

.center-container {

   text-align: center;

}

.community-link {

   display: inline-block;

   padding: 10px 20px;

   font-size: 16px;

   color: #fff;

   background-color: #007bff;

   border: none;

   border-radius: 5px;

   text-decoration: none;

   transition: background-color 0.3s ease;

}

.community-link:hover {

   background-color: #0056b3;

}

The result: