How to insert plugin elements in the right places in the layout?

Question

WordPress

I am learning wordpress.
I use the underscores template and the Unyson plugin.
How can I insert the necessary plugin elements into the layout?
Or remake shortcodes for my layout template, make the same classes so that the styles are picked up?
Thanks;)

<div class="privilege">
        <div class="container">
          <h2>8 ПРЕИМУЩЕСТВ РЕЗИНОВЫХ ПОКРЫТИЙ</h2>
          <p class="descr">В сравнении с твердыми покрытиями (бетон, мрамор, керамика, гранит)</p>
          <div class="row">
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">01</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Высокая износостойкость материала</h5>
                  <span>Пластичность материала защищает его от механических воздействий, 
                                                                        позволяет не ломаться, не крошиться, не биться. В то время как твердые 
                                                                        материалы уязвимы к механическим воздействиям.</span>
                </div>
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">02</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Защита от получения травм</h5>
                  <span>Упругость резины делает покрытие травмобезопасным и позволит 
                                                                        сохранить ваше здоровье и здоровье вашей семьи. Твердые же материалы, 
                                                                        наоборот, только усиливают риск получения травмы.</span>
                </div>	
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">03</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Покрытие сохраняет свою форму</h5>
                  <span>Эластичность материала позволит восстанавливать первоначальную 
                                                                        форму при различных нагрузках,​ оно всегда будет выглядеть хорошо.</span>
                </div>
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">04</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Антискользящий эффект</h5>
                  <span>Шероховатая поверхность дает хорошее сцепление с подошвой 
                                                                        обуви, что предотвратит падение при дожде и снежной погоде.</span>
                </div>
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">05</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Долговечность покрытия</h5>
                  <span>Срок службы более 10 лет.</span>
                </div>
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">06</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Устойчивость к погодным условиям</h5>
                  <span>Покрытие можно использовать в любой сезон (-50 до +60 ОС) и при 
                                                                        любых погодных условиях. Оно устойчиво к температурным перепадам и к 
                                                                        атмосферным осадкам.</span>
                </div>
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">07</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Не требует серьезного ухода</h5>
                  <span>Неприхотливость к уборке, чистке зимой и летом позволит сохранить 
                                                                        первоначальный вид покрытия.</span>
                </div>
              </div>
            </div>
            <div class="privilege-item col-12">
              <div class="row">
                <p class="col-xl-2 col-md-2">08</p>
                <div class="privilege-item-wrap col-xl-9 col-md-10">
                  <h5>Шумоизоляция</h5>
                  <span>Резиновые покрытия позволят предотвратить распространение 
                                                                         излишнего шума.</span>
                </div>
              </div>
            </div>
          </div>
          <div class="know row">
            <h3 class="col-xl-8 col-md-12">Узнай самую важную, 9 причину!</h3>
            <div class="know-wrap col-xl-8 col-md-12">
              <div class="number-main">
                <a href="tel:[phone]"><span>+7 (3952)<strong> 26-57-28</strong></span>
                                                                </a>
              </div>
              <a href="#!" id="main-btn">Узнать 9 причину</a>
            </div>
          </div>
        </div>
      </div>

Answer 1

manual.unyson.io/en/latest/, or rather manual.unyson.io/en/latest/extension/wp-shortcodes...