💡Case Template

Persona provides a separate template for case

Case post

To create the Case post:

1. Go to Posts from the admin menu.

2. Click the New post button in the top right corner.

3. Add Post title.

4. Add featured image for this page.

5. Click icon in the top right corner for opening the Post settings.

You can add a link to the head of the post

To add a link:

• Go to Settings > Code injection from the admin menu

• Choose Site footer

  
• Copy this code and paste it inside Site footer input area

<script>
const case1 = document.querySelector('#CHANGE_THIS_TO_YOUR_CASE_POST_SLUG');

const link = `
  <a class="post-header__meta-link" href="CHANGE_THIS_TO_YOUR_LINK">
    <span class="post-header__meta-link-text">CHANGE_THIS_TO_YOUR_LINK_NAME</span>
    <span class="post-header__meta-link-icons">
      <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M1.74667 9L1 8.25333L7.18667 2.06667L3.66667 2.06667V1L9 1V6.33333H7.93333V2.81333L1.74667 9Z" fill="white" stroke="white" stroke-width="0.22"/>
      </svg>
      <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M1.74667 9L1 8.25333L7.18667 2.06667L3.66667 2.06667V1L9 1V6.33333H7.93333V2.81333L1.74667 9Z" fill="white" stroke="white" stroke-width="0.22"/>
      </svg>
    </span>
  </a>
`;

  if(case1){
    case1.querySelector('.post-header__meta').insertAdjacentHTML('beforeend', link)
  }

</script>

• Then, change "CHANGE_THIS_TO_YOUR_CASE_POST_SLUG" "CHANGE_THIS_TO_YOUR_LINK" "CHANGE_THIS_TO_YOUR_LINK_NAME"to your link and case post slug, like this:

  
• Click Save to save your work!

To add client’s feedback in Case:

• Add html block with code and insert code

  

  HTML block in editor

<div class="clients-feedback-wrapper">
<h6>client’s feedback</h6>
<div class="clients-feedback">
        <div class="clients-feedback__card">
          <div class="clients-feedback__card-img">

• Add image in editor (this is the client image)

  
• Add html block with code and insert code

</div>
<div class="clients-feedback__card-info">
    <p class="clients-feedback__card-feedback">ADD FEEDBACK</p>
    <span class="clients-feedback__card-info">ADD CLIENT DATA</span>
</div>
</div>
<div class="clients-feedback__info">
    <button class="btn btn--primary">
        <svg class="contact-me-icon" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.80775 15.5C1.30258 15.5 0.875 15.325 0.525 14.975C0.175 14.625 0 14.1974 0 13.6923V2.30775C0 1.80258 0.175 1.375 0.525 1.025C0.875 0.675 1.30258 0.5 1.80775 0.5H17.1923C17.6974 0.5 18.125 0.675 18.475 1.025C18.825 1.375 19 1.80258 19 2.30775V13.6923C19 14.1974 18.825 14.625 18.475 14.975C18.125 15.325 17.6974 15.5 17.1923 15.5H1.80775ZM9.5 8.55775L1.5 3.44225V13.6923C1.5 13.7821 1.52883 13.8558 1.5865 13.9135C1.64417 13.9712 1.71792 14 1.80775 14H17.1923C17.2821 14 17.3558 13.9712 17.4135 13.9135C17.4712 13.8558 17.5 13.7821 17.5 13.6923V3.44225L9.5 8.55775ZM9.5 7L17.3463 2H1.65375L9.5 7ZM1.5 3.44225V2V13.6923C1.5 13.7821 1.52883 13.8558 1.5865 13.9135C1.64417 13.9712 1.71792 14 1.80775 14H1.5V3.44225Z" fill="white"/>
        </svg>
        <span>Contact Me</span>
    </button>
    <a class="btn btn--secondary" href="#link">
        <svg class="book-a-call-icon" width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.80775 19.5576C1.30258 19.5576 0.875 19.3826 0.525 19.0326C0.175 18.6826 0 18.255 0 17.7499V4.36538C0 3.86022 0.175 3.43263 0.525 3.08263C0.875 2.73263 1.30258 2.55763 1.80775 2.55763H3.19225V0.442383H4.73075V2.55763H12.3077V0.442383H13.8077V2.55763H15.1923C15.6974 2.55763 16.125 2.73263 16.475 3.08263C16.825 3.43263 17 3.86022 17 4.36538V17.7499C17 18.255 16.825 18.6826 16.475 19.0326C16.125 19.3826 15.6974 19.5576 15.1923 19.5576H1.80775ZM1.80775 18.0576H15.1923C15.2692 18.0576 15.3398 18.0256 15.4038 17.9614C15.4679 17.8974 15.5 17.8269 15.5 17.7499V8.36538H1.5V17.7499C1.5 17.8269 1.53208 17.8974 1.59625 17.9614C1.66025 18.0256 1.73075 18.0576 1.80775 18.0576ZM1.5 6.86538H15.5V4.36538C15.5 4.28838 15.4679 4.21788 15.4038 4.15388C15.3398 4.08972 15.2692 4.05763 15.1923 4.05763H1.80775C1.73075 4.05763 1.66025 4.08972 1.59625 4.15388C1.53208 4.21788 1.5 4.28838 1.5 4.36538V6.86538ZM8.5 12.1346C8.25517 12.1346 8.0465 12.0484 7.874 11.8759C7.70167 11.7035 7.6155 11.4949 7.6155 11.2499C7.6155 11.005 7.70167 10.7964 7.874 10.6239C8.0465 10.4515 8.25517 10.3654 8.5 10.3654C8.74483 10.3654 8.9535 10.4515 9.126 10.6239C9.29833 10.7964 9.3845 11.005 9.3845 11.2499C9.3845 11.4949 9.29833 11.7035 9.126 11.8759C8.9535 12.0484 8.74483 12.1346 8.5 12.1346ZM4.5 12.1346C4.25517 12.1346 4.0465 12.0484 3.874 11.8759C3.70167 11.7035 3.6155 11.4949 3.6155 11.2499C3.6155 11.005 3.70167 10.7964 3.874 10.6239C4.0465 10.4515 4.25517 10.3654 4.5 10.3654C4.74483 10.3654 4.9535 10.4515 5.126 10.6239C5.29833 10.7964 5.3845 11.005 5.3845 11.2499C5.3845 11.4949 5.29833 11.7035 5.126 11.8759C4.9535 12.0484 4.74483 12.1346 4.5 12.1346ZM12.5 12.1346C12.2552 12.1346 12.0465 12.0484 11.874 11.8759C11.7017 11.7035 11.6155 11.4949 11.6155 11.2499C11.6155 11.005 11.7017 10.7964 11.874 10.6239C12.0465 10.4515 12.2552 10.3654 12.5 10.3654C12.7448 10.3654 12.9535 10.4515 13.126 10.6239C13.2983 10.7964 13.3845 11.005 13.3845 11.2499C13.3845 11.4949 13.2983 11.7035 13.126 11.8759C12.9535 12.0484 12.7448 12.1346 12.5 12.1346ZM8.5 16.0576C8.25517 16.0576 8.0465 15.9714 7.874 15.7989C7.70167 15.6265 7.6155 15.418 7.6155 15.1731C7.6155 14.9281 7.70167 14.7195 7.874 14.5471C8.0465 14.3746 8.25517 14.2884 8.5 14.2884C8.74483 14.2884 8.9535 14.3746 9.126 14.5471C9.29833 14.7195 9.3845 14.9281 9.3845 15.1731C9.3845 15.418 9.29833 15.6265 9.126 15.7989C8.9535 15.9714 8.74483 16.0576 8.5 16.0576ZM4.5 16.0576C4.25517 16.0576 4.0465 15.9714 3.874 15.7989C3.70167 15.6265 3.6155 15.418 3.6155 15.1731C3.6155 14.9281 3.70167 14.7195 3.874 14.5471C4.0465 14.3746 4.25517 14.2884 4.5 14.2884C4.74483 14.2884 4.9535 14.3746 5.126 14.5471C5.29833 14.7195 5.3845 14.9281 5.3845 15.1731C5.3845 15.418 5.29833 15.6265 5.126 15.7989C4.9535 15.9714 4.74483 16.0576 4.5 16.0576ZM12.5 16.0576C12.2552 16.0576 12.0465 15.9714 11.874 15.7989C11.7017 15.6265 11.6155 15.418 11.6155 15.1731C11.6155 14.9281 11.7017 14.7195 11.874 14.5471C12.0465 14.3746 12.2552 14.2884 12.5 14.2884C12.7448 14.2884 12.9535 14.3746 13.126 14.5471C13.2983 14.7195 13.3845 14.9281 13.3845 15.1731C13.3845 15.418 13.2983 15.6265 13.126 15.7989C12.9535 15.9714 12.7448 16.0576 12.5 16.0576Z" fill="#ACACAC"/>
        </svg>
        <span>Book a call</span>
    </a>
</div>
</div>
</div>

• Then, change "ADD FEEDBACK" "ADD CLIENT DATA" to your feedback, like this:

• Click Update to save your work!