Как убрать шаг выбора специалиста в новой версии виджета онлайн записи

В Клиентикс CRM при активации виджета онлайн  записи по умолчанию можно начать запись с выбора специалиста или услуги.

Если по специфике вашего бизнеса не предполагается выбор специалиста, то то можно убрать ненужный шаг.

Для этого:

  • Зайдите в настройки аккаунта под правами Владелец по ссылке https://klientiks.ru/clientix/admin/accountSettings
  • Найдите настройку Включить измененные шаблоны в ВОЗ 2
  • Поставить значение true
  • Найдите настройку Шаблон 1 шага виджета онлайн-записи новой версии
  • Поставьте значение:
    <div class="m-appointment-middle-content" style-opacity="{{initialOpacity}}" fade-in="{duration: 200}">
    <div class="m-appointment-chooseType">
    <div class="m-appointment-chooseType-parts">
    <div class="m-appointment-chooseType-parts_p">
    <div class="m-appointment-type">
    <div class="m-appointment-type_icon _service" style-color="{{widgetColor}}"></div>
    <div class="m-appointment-type-text">
    <div class="m-appointment-type-text_t">Начните с выбора услуги</div>
    </div>
    <div class="m-appointment-button" style-background-color="{{widgetColor}}" on-click="@this.chooseType('service')">
    <div class="m-appointment-button_t">Выберите услугу</div>
    </div>
    </div>
    </div>
    </div>
    <div class="m-appointment-text">
    <div class="m-appointment-text_t">
    Если вам удобнее записаться по телефону, звоните: <span style="display: inline-block; font-weight: 600;" style-color="{{widgetColor}}">{{company.phone}}</span>
    </div>
    </div>
    </div>
    </div>

  • Найдите настройку Заголовок в ВОЗ новой версии
  • Поставить значение:
    <div class="m-appointment-titles" style-background-color="{{widgetColor}}">
    <div class="m-appointment-titleItems">
    {{#if currentStep >= 1 && currentStep <= 5}}
    <div class="m-appointment-titleItems_i" fade-in="{duration: 200}">
    <div class="m-appointment-title" on-click="@this.setTargetStep(1)">
    <div class="m-appointment-title_bg" style-background-color="{{helper.tinycolor(widgetColor).darken(30 - (currentStep - 1) * 5)}}"></div>
    <div class="m-appointment-title_t">
    {{#if currentStep == 1}}
    <span fade-in="{duration: 200}">Запишитесь в «{{company.name}}» в несколько кликов!</span>
    {{else}}
    <span fade-in="{duration: 200}">Начать заново</span>
    {{/if}}
    </div>
    </div>
    </div>
    {{/if}}
    {{#if currentStep >= 2 && currentStep <= 5 && (type != 'group' || (chosen.appointment && currentStep == 5))}}
    {{/if}}
    {{#if currentStep >= 3 && currentStep <= 5 && (type != 'group' || (chosen.appointment && currentStep == 5))}}
    <div class="m-appointment-titleItems_i" fade-in="{duration: 200}">
    <div class="m-appointment-title" {{#if type == 'group'}}on-click="@this.setTargetStep(4)"{{else}}on-click="@this.setTargetStep(3)"{{/if}}>
    <div class="m-appointment-title_bg" style-background-color="{{helper.tinycolor(widgetColor).darken(30 - (currentStep - 3) * 5)}}"></div>
    <div class="m-appointment-title_t">
    {{#if currentStep == 3}}
    <span fade-in="{duration: 200}">Выберите услугу</span>
    {{else}}
    {{#if type == 'group'}}
    {{#if chosen.appointment && chosen.appointment.service}}
    <span fade-in="{duration: 200}">{{chosen.appointment.service}}</span>
    {{else}}
    <span fade-in="{duration: 200}">Групповое занятие</span>
    {{/if}}
    {{else}}
    {{#if chosen.services.length >= 2}}
    <span fade-in="{duration: 200}">Выбрано услуг: {{chosen.services.length}}</span>
    {{else}}
    <span fade-in="{duration: 200}">{{chosen.services.0.name}}</span>
    {{/if}}
    {{/if}}
    {{/if}}
    </div>
    </div>
    </div>
    {{/if}}
    {{#if currentStep >= 4 && currentStep <= 5}}
    <div class="m-appointment-titleItems_i" fade-in="{duration: 200}">
    <div class="m-appointment-title" on-click="@this.setTargetStep(4)">
    <div class="m-appointment-title_bg" style-background-color="{{helper.tinycolor(widgetColor).darken(30 - (currentStep - 4) * 5)}}"></div>
    <div class="m-appointment-title_t">
    {{#if currentStep == 4}}
    {{#if type == 'group'}}
    <span fade-in="{duration: 200}">Выберите занятие</span>
    {{else}}
    <span fade-in="{duration: 200}">Выберите время</span>
    {{/if}}
    {{else}}
    {{#if type == 'group'}}
    <span fade-in="{duration: 200}">{{helper.moment(chosen.appointment.start_datetime).format('DD MMMM YYYY')}}<br>{{chosen.appointment.time}}</span>
    {{else}}
    <span fade-in="{duration: 200}">{{helper.moment(chosen.time).format('DD MMMM YYYY')}}<br>в {{helper.moment(chosen.time).format('HH:mm')}}</span>
    {{/if}}
    {{/if}}
    </div>
    </div>
    </div>
    {{/if}}
    {{#if currentStep == 5}}
    <div class="m-appointment-titleItems_i" fade-in="{duration: 200}">
    <div class="m-appointment-title">
    <div class="m-appointment-title_bg" style-background-color="{{helper.tinycolor(widgetColor).darken(30 - (currentStep - 5) * 5)}}"></div>
    <div class="m-appointment-title_t">Контакты</div>
    </div>
    </div>
    {{/if}}
    {{#if currentStep == 6}}
    <div class="m-appointment-titleItems_i" fade-in="{duration: 200}">
    <div class="m-appointment-title">
    <div class="m-appointment-title_bg" style-background-color="{{helper.tinycolor(widgetColor).darken(30 - (currentStep - 6) * 5)}}"></div>
    <div class="m-appointment-title_t">{{result.client.name}}, вы записаны!</div>
    </div>
    </div>
    {{/if}}
    </div>
    </div>
  • Сохранить внизу страницы.

 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

0 Комментарии

Войдите в службу, чтобы оставить комментарий.
На базе технологии Zendesk