<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Архивы CRM для отелей - Битрикс24</title>
	<atom:link href="https://b24.org.ru/tag/crm-dlya-otelej/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description></description>
	<lastBuildDate>Mon, 08 Sep 2025 12:14:00 +0000</lastBuildDate>
	<language>ru-RU</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://b24.org.ru/wp-content/uploads/2025/07/cropped-favicon-4-32x32.png</url>
	<title>Архивы CRM для отелей - Битрикс24</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Битрикс24 для отеля в 2026: инструкция по настройке и использованию CRM в гостиничном бизнесе</title>
		<link>https://b24.org.ru/bitriks24-dlya-otelya-v-2025-instruktsiya-po/</link>
					<comments>https://b24.org.ru/bitriks24-dlya-otelya-v-2025-instruktsiya-po/#respond</comments>
		
		<dc:creator><![CDATA[Дмитрий Некрасов]]></dc:creator>
		<pubDate>Mon, 07 Jul 2025 06:53:06 +0000</pubDate>
				<category><![CDATA[Блог]]></category>
		<category><![CDATA[1с битрикс24]]></category>
		<category><![CDATA[CRM для отелей]]></category>
		<category><![CDATA[PMS система]]></category>
		<category><![CDATA[автоматизация отеля]]></category>
		<category><![CDATA[гостиничный бизнес]]></category>
		<category><![CDATA[отель]]></category>
		<category><![CDATA[управление бронированием]]></category>
		<guid isPermaLink="false">https://b24.org.ru/bitriks24-dlya-otelya-v-2025-instruktsiya-po/</guid>

					<description><![CDATA[<p>2026</p>
<p>Сообщение <a href="https://b24.org.ru/bitriks24-dlya-otelya-v-2025-instruktsiya-po/">Битрикс24 для отеля в 2026: инструкция по настройке и использованию CRM в гостиничном бизнесе</a> появились сначала на <a href="https://b24.org.ru">Битрикс24</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="bitrix24-landing-container" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333;">
    <style>
        .bitrix24-landing-container * { margin: 0; padding: 0; box-sizing: border-box; }
        .bitrix24-landing-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .bitrix24-landing-container .section { padding: 80px 0; }
        .bitrix24-landing-container .section-title { font-size: 2.5rem; font-weight: 700; text-align: center; margin-bottom: 20px; color: #1a1a1a; }
        .bitrix24-landing-container .section-subtitle { font-size: 1.2rem; color: #6b7280; text-align: center; margin-bottom: 60px; max-width: 800px; margin-left: auto; margin-right: auto; }
        .bitrix24-landing-container .step-card h3 { margin-top: 0px !important; }
        
        /* Hero Section */
        .bitrix24-landing-container .hero { background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%); color: white; padding: 100px 0; text-align: center; }
        .bitrix24-landing-container .hero h1 { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; line-height: 1.2; color: #fff; text-align: center; }
        .bitrix24-landing-container .hero .subtitle { font-size: 1.4rem; margin-bottom: 50px; opacity: 0.9; max-width: 900px; margin-left: auto; margin-right: auto; }
        
        /* Lead Form */
        .bitrix24-landing-container .lead-form { background: rgba(255, 255, 255, 0.95); padding: 40px; border-radius: 15px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); margin-top: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
        .bitrix24-landing-container .form-title { font-size: 1.8rem; font-weight: 600; color: #1d4ed8; margin-bottom: 15px; text-align: center; }
        .bitrix24-landing-container .form-benefits { margin-bottom: 30px; }
        .bitrix24-landing-container .form-benefits ul { list-style: none; color: #4b5563; }
        .bitrix24-landing-container .form-benefits li { padding: 8px 0; display: flex; align-items: center; }
        .bitrix24-landing-container .form-benefits li::before { content: "✅"; margin-right: 10px; }
        .bitrix24-landing-container .form-group { margin-bottom: 20px; }
        .bitrix24-landing-container .form-group input, .bitrix24-landing-container .form-group textarea { width: 100%; padding: 15px; border: 2px solid #e5e7eb; border-radius: 8px; font-size: 1rem; transition: all 0.3s ease; }
        .bitrix24-landing-container .form-group input:focus, .bitrix24-landing-container .form-group textarea:focus { border-color: #1d4ed8; outline: none; box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.1); }
        .bitrix24-landing-container .cta-button { background: linear-gradient(135deg, #1d4ed8, #1e3a8a); color: white; padding: 18px 40px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; width: 100%; }
        .bitrix24-landing-container .cta-button:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(29, 78, 216, 0.3); }
        .bitrix24-landing-container .privacy-note { font-size: 0.9rem; color: #6b7280; margin-top: 15px; line-height: 1.4; }
        
        /* Problems Section */
        .bitrix24-landing-container .problems { background-color: #f9fafb; }
        .bitrix24-landing-container .problems-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 40px; }
        .bitrix24-landing-container .problem-card { background: white; padding: 30px; border-radius: 12px; border-left: 4px solid #dc2626; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
        .bitrix24-landing-container .problem-card h3 { color: #dc2626; font-size: 1.3rem; margin-bottom: 15px; }
        .bitrix24-landing-container .problem-card p { color: #6b7280; }
        
        /* Solutions Section */
        .bitrix24-landing-container .solutions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
        .bitrix24-landing-container .solution-card { background: white; padding: 30px; border-radius: 12px; border-top: 4px solid #1d4ed8; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }
        .bitrix24-landing-container .solution-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(29, 78, 216, 0.15); }
        .bitrix24-landing-container .solution-icon { width: 60px; height: 60px; background: linear-gradient(135deg, #1d4ed8, #1e3a8a); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 1.5rem; color: white; }
        .bitrix24-landing-container .solution-card h3 { color: #1d4ed8; font-size: 1.4rem; margin-bottom: 15px; }
        
        /* Target Audience */
        .bitrix24-landing-container .audience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
        .bitrix24-landing-container .audience-card { background: linear-gradient(135deg, #f8fafc, #e2e8f0); padding: 30px; border-radius: 12px; border: 1px solid #cbd5e1; }
        .bitrix24-landing-container .audience-card h3 { color: #1d4ed8; font-size: 1.3rem; margin-bottom: 15px; }
        
        /* Features Grid */
        .bitrix24-landing-container .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; }
        .bitrix24-landing-container .feature-card { background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; }
        .bitrix24-landing-container .feature-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(29, 78, 216, 0.12); }
        .bitrix24-landing-container .feature-card h4 { color: #1d4ed8; font-size: 1.2rem; margin-bottom: 12px; }
        .bitrix24-landing-container .feature-card p { color: #6b7280; font-size: 0.95rem; }
        
        /* Steps */
        .bitrix24-landing-container .steps-container { max-width: 800px; margin: 0 auto; }
        .bitrix24-landing-container .step-card { background: white; padding: 30px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); position: relative; padding-left: 80px; }
        .bitrix24-landing-container .step-number { position: absolute; left: 25px; top: 30px; width: 40px; height: 40px; background: linear-gradient(135deg, #1d4ed8, #1e3a8a); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem; }
        .bitrix24-landing-container .step-card h3 { color: #1d4ed8; font-size: 1.3rem; margin-bottom: 10px; }
        
        /* Advantages */
        .bitrix24-landing-container .advantages { background: linear-gradient(135deg, #f8fafc, #e2e8f0); }
        .bitrix24-landing-container .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
        .bitrix24-landing-container .advantage-card { background: white; padding: 30px; border-radius: 12px; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
        .bitrix24-landing-container .advantage-icon { width: 70px; height: 70px; background: linear-gradient(135deg, #1d4ed8, #1e3a8a); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.8rem; color: white; }
        
        /* FAQ */
        .bitrix24-landing-container .faq { background-color: #f9fafb; }
        .bitrix24-landing-container .faq-container { max-width: 800px; margin: 0 auto; }
        .bitrix24-landing-container .faq-item { background: white; border-radius: 10px; margin-bottom: 15px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
        .bitrix24-landing-container .faq-question { padding: 20px; background: white; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1d4ed8; }
        .bitrix24-landing-container .faq-question:hover { background-color: #f8fafc; }
        .bitrix24-landing-container .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: all 0.3s ease; background-color: #f8fafc; }
        .bitrix24-landing-container .faq-answer.active { padding: 20px; max-height: 200px; }
        .bitrix24-landing-container .faq-answer p { color: #6b7280; }
        
        /* Pricing Section */
        .bitrix24-landing-container .pricing { background-color: #f9fafb; }
        .bitrix24-landing-container .pricing-subtitle { font-size: 1.1rem; color: #6b7280; text-align: center; margin-bottom: 40px; }
        
        /* Loading and Success States */
        .bitrix24-landing-container #loading, .bitrix24-landing-container #successMessage, .bitrix24-landing-container #loadingFinal, .bitrix24-landing-container #successMessageFinal { display: none; text-align: center; padding: 30px; }
        .bitrix24-landing-container #loading, .bitrix24-landing-container #loadingFinal { color: #1d4ed8; }
        .bitrix24-landing-container #successMessage, .bitrix24-landing-container #successMessageFinal { color: #059669; }
        .bitrix24-landing-container .success-icon { font-size: 3rem; margin-bottom: 15px; }
        
        /* Responsive */
        @media (max-width: 768px) {
            .bitrix24-landing-container .hero h1 { font-size: 2.5rem; }
            .bitrix24-landing-container .hero .subtitle { font-size: 1.2rem; }
            .bitrix24-landing-container .section-title { font-size: 2rem; }
            .bitrix24-landing-container .lead-form { margin: 20px; padding: 30px 20px; }
            .bitrix24-landing-container .step-card { padding-left: 20px; }
            .bitrix24-landing-container .step-number { position: relative; left: 0; top: 0; margin-bottom: 15px; margin-left: 0; }
        }
		.section-intro{
			display:none !important;
		}
    </style>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <h1>Битрикс24 для отелей и гостиниц</h1>
            <p class="subtitle">Автоматизируйте управление отелем: бронирование номеров, обслуживание гостей, контроль персонала и финансовую аналитику в одной системе</p>
            
            <!-- Lead Form -->
            <div class="lead-form">
                <div id="leadForm">
                    <h2 class="form-title">Получите расчёт стоимости и план внедрения Битрикс24 для отеля за 2 часа</h2>
                    <p style="text-align: center; margin-bottom: 20px; color: #6b7280;">Оставьте заявку (2 минуты) и получите:</p>
                    <div class="form-benefits">
                        <ul>
                            <li>Бесплатный аудит текущих процессов</li>
                            <li>Расчет стоимости под ваши задачи</li>
                            <li>План внедрения с точными сроками</li>
                        </ul>
                    </div>
                    
                    <form class="bitrix24-form">
                        <div class="form-group">
                            <input type="text" name="company" placeholder="Название компании (необязательно)">
                        </div>
                        <div class="form-group">
                            <input type="tel" name="phone" placeholder="Телефон *" required>
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <textarea name="comment" rows="3" placeholder="Опишите вашу ситуацию (необязательно)"></textarea>
                        </div>
                        <input type="hidden" name="form_message" value="Заявка с landing page - Битрикс24">
                        <button type="submit" class="cta-button">Получить расчёт бесплатно</button>
                        <p class="privacy-note">Нажимая кнопку «Получить расчёт бесплатно», вы даете согласие на обработку персональных данных в соответствии с ФЗ-152</p>
                    </form>
                </div>
                
                <div id="loading">
                    <div class="success-icon">⏳</div>
                    <h3>Отправляем заявку...</h3>
                    <p>Пожалуйста, подождите</p>
                </div>
                
                <div id="successMessage">
                    <div class="success-icon">🎉</div>
                    <h3>Заявка отправлена успешно</h3>
                    <p>Наш специалист свяжется с вами в течение 30 минут для уточнения деталей и назначения встречи</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Problems Section -->
    <section class="section problems">
        <div class="container">
            <h2 class="section-title">Проблемы без систематизации процессов</h2>
            <p class="section-subtitle">Хаотичные процессы, потерянные возможности и недовольные клиенты — знакомые симптомы отсутствия единой системы управления</p>
            
            <div class="problems-grid">
                                <div class="problem-card">
                    <h3>📋 Хаос в системе бронирования</h3>
                    <p>Двойные бронирования, потерянные заявки, неактуальная информация о свободных номерах. Гости получают номер не того типа, который заказывали.</p>
                </div>
                                <div class="problem-card">
                    <h3>😤 Низкое качество обслуживания</h3>
                    <p>Персонал не знает предпочтения постоянных гостей, теряются заявки на дополнительные услуги. Долгие очереди на ресепшн, недовольные клиенты.</p>
                </div>
                                <div class="problem-card">
                    <h3>💰 Потери в доходах</h3>
                    <p>Неэффективное ценообразование, упущенные возможности для допродаж. Не отслеживается загруженность по сезонам, цены не корректируются.</p>
                </div>
                                <div class="problem-card">
                    <h3>👥 Неэффективность персонала</h3>
                    <p>Нет четкого распределения задач между сотрудниками, дублирование работы. Горничные не знают статус уборки номеров, администраторы теряют заявки.</p>
                </div>
                                <div class="problem-card">
                    <h3>📊 Отсутствие управленческой отчетности</h3>
                    <p>Нет понимания реальной прибыльности, какие номера пользуются спросом, в какие периоды больше бронирований. Решения принимаются интуитивно.</p>
                </div>
                                <div class="problem-card">
                    <h3>🔄 Разрозненные системы учета</h3>
                    <p>Бронирования в одной программе, финансы в другой, склад в третьей. Информация не синхронизируется, много ручной работы.</p>
                </div>
                            </div>
        </div>
    </section>

    <!-- Solutions Section -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">Как Битрикс24 решает ваши задачи</h2>
            <p class="section-subtitle">Комплексная система управления, которая объединяет все процессы бизнеса в единое цифровое пространство</p>
            
            <div class="solutions-grid">
                                <div class="solution-card">
                    <div class="solution-icon">🏨</div>
                    <h3>Единая система бронирования</h3>
                    <p>Актуальная карта номеров в реальном времени, автоматическое распределение бронирований, интеграция с сайтом отеля и системами бронирования.</p>
                </div>
                                <div class="solution-card">
                    <div class="solution-icon">🎯</div>
                    <h3>CRM для работы с гостями</h3>
                    <p>База данных гостей с историей проживаний, предпочтениями, особыми запросами. Персонализированный сервис для повторных клиентов, программы лояльности.</p>
                </div>
                                <div class="solution-card">
                    <div class="solution-icon">💵</div>
                    <h3>Управление ценами и доходами</h3>
                    <p>Динамическое ценообразование в зависимости от загруженности, сезонности, событий в городе. Система допродаж дополнительных услуг, анализ прибыльности номеров.</p>
                </div>
                                <div class="solution-card">
                    <div class="solution-icon">📱</div>
                    <h3>Мобильные решения для персонала</h3>
                    <p>Приложения для горничных с задачами по уборке номеров, для администраторов с информацией о гостях, для менеджеров с аналитикой в реальном времени.</p>
                </div>
                                <div class="solution-card">
                    <div class="solution-icon">📈</div>
                    <h3>Аналитика и отчетность</h3>
                    <p>Отчеты по загруженности, средней стоимости номера, повторным бронированиям. Прогнозирование загрузки, анализ эффективности маркетинговых каналов.</p>
                </div>
                                <div class="solution-card">
                    <div class="solution-icon">🔗</div>
                    <h3>Интеграция всех процессов</h3>
                    <p>Связь бронирований с финансовым учетом, складскими остатками, планированием персонала. Автоматизация рутинных операций, единое информационное пространство.</p>
                </div>
                            </div>
        </div>
    </section>

    <!-- Target Audience -->
    <section class="section" style="background-color: #f9fafb;">
        <div class="container">
            <h2 class="section-title">Кому подходит решение</h2>
            <p class="section-subtitle">Система адаптируется под потребности различных типов бизнеса</p>
            
            <div class="audience-grid">
                                <div class="audience-card">
                    <h3>Небольшие отели и мини-гостиницы</h3>
                    <p>Простая система для управления 10-50 номерами, автоматизация основных процессов, повышение качества сервиса без больших затрат на ПО.</p>
                </div>
                                <div class="audience-card">
                    <h3>Средние отели и гостиничные комплексы</h3>
                    <p>Полноценная система управления 50-200 номерами, интеграция с внешними системами бронирования, управление персоналом и услугами.</p>
                </div>
                                <div class="audience-card">
                    <h3>Сетевые отели</h3>
                    <p>Единые стандарты обслуживания во всех объектах сети, централизованная аналитика, синхронизация баз гостей между отелями.</p>
                </div>
                                <div class="audience-card">
                    <h3>Апарт-отели и резиденции</h3>
                    <p>Управление длительными размещениями, учет коммунальных услуг, работа с корпоративными клиентами и договорами на длительный период.</p>
                </div>
                            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">Ключевые возможности системы</h2>
            <p class="section-subtitle">Полный функционал для эффективного управления бизнесом</p>
            
            <div class="features-grid">
                                <div class="feature-card">
                    <h4>📈 Воронки продаж</h4>
                    <p>Настройка этапов от первичного обращения до завершения сделки. Контроль конверсии на каждой стадии.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Интеграция с телефонией</h4>
                    <p>Автоматическое создание лидов из входящих звонков, запись разговоров, click-to-call для исходящих.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Управление задачами</h4>
                    <p>Постановка задач, контроль выполнения, планирование загрузки сотрудников, учет рабочего времени.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Email-маркетинг</h4>
                    <p>Информирование клиентов, рассылка полезной информации, предложения дополнительных услуг.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Мобильное приложение</h4>
                    <p>Доступ к системе с любого устройства. Работа с клиентами и задачами в любом месте.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Настройка прав доступа</h4>
                    <p>Разграничение доступа к конфиденциальной информации, создание ролей для разных специалистов.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Интеграция с сайтом</h4>
                    <p>Автоматическое получение заявок с сайта, онлайн-чат, виджет обратного звонка.</p>
                </div>
                                <div class="feature-card">
                    <h4>📈 Календарь и планирование</h4>
                    <p>Общий календарь команды, планирование встреч с клиентами, напоминания о важных событиях.</p>
                </div>
                            </div>
        </div>
    </section>

    <!-- Implementation Steps -->
    <section class="section" style="background-color: #f9fafb;">
        <div class="container">
            <h2 class="section-title">Этапы внедрения Битрикс24</h2>
            <p class="section-subtitle">Пошаговый процесс настройки системы под специфику вашего бизнеса</p>
            
            <div class="steps-container">
                                <div class="step-card">
                    <div class="step-number">1</div>
                    <h3>Аудит текущих процессов</h3>
                    <p>Анализируем как устроена работа с клиентами, выявляем узкие места и возможности для автоматизации.</p>
                </div>
                                <div class="step-card">
                    <div class="step-number">2</div>
                    <h3>Проектирование воронки</h3>
                    <p>Создаем воронки для разных типов услуг, настраиваем поля для учета специфической информации.</p>
                </div>
                                <div class="step-card">
                    <div class="step-number">3</div>
                    <h3>Настройка автоматизации</h3>
                    <p>Создаем роботы для автоматического распределения обращений, напоминаний, уведомлений клиентов.</p>
                </div>
                                <div class="step-card">
                    <div class="step-number">4</div>
                    <h3>Подключение интеграций</h3>
                    <p>Интегрируем телефонию, почту, мессенджеры, сайт. Настраиваем обмен данными с другими системами.</p>
                </div>
                                <div class="step-card">
                    <div class="step-number">5</div>
                    <h3>Обучение команды</h3>
                    <p>Проводим обучение сотрудников работе в системе. Создаем инструкции и регламенты.</p>
                </div>
                                <div class="step-card">
                    <div class="step-number">6</div>
                    <h3>Запуск и поддержка</h3>
                    <p>Переводим процессы в систему, контролируем корректность работы, обеспечиваем техническую поддержку.</p>
                </div>
                            </div>
        </div>
    </section>

    <!-- Advantages -->
    <section class="section advantages">
        <div class="container">
            <h2 class="section-title">Преимущества использования Битрикс24</h2>
            <p class="section-subtitle">Почему более 12 миллионов компаний по всему миру выбирают Битрикс24 для автоматизации бизнеса</p>
            
            <div class="advantages-grid">
                                <div class="advantage-card">
                    <div class="advantage-icon">🎯</div>
                    <h3>Все процессы в одном месте</h3>
                    <p>CRM, документооборот, задачи, коммуникации, аналитика — все инструменты объединены в единой системе.</p>
                </div>
                                <div class="advantage-card">
                    <div class="advantage-icon">⚡</div>
                    <h3>Автоматизация рутины</h3>
                    <p>Система берет на себя повторяющиеся действия: обработку заявок, напоминания, уведомления клиентов.</p>
                </div>
                                <div class="advantage-card">
                    <div class="advantage-icon">📈</div>
                    <h3>Рост эффективности на 40%</h3>
                    <p>Сокращение времени на поиск информации, автоматический контроль процессов, прозрачная отчетность.</p>
                </div>
                                <div class="advantage-card">
                    <div class="advantage-icon">💰</div>
                    <h3>Доступная стоимость</h3>
                    <p>От 1390 рублей в месяц за пользователя. Работает в облаке, не требует дорогого оборудования.</p>
                </div>
                                <div class="advantage-card">
                    <div class="advantage-icon">🔧</div>
                    <h3>Гибкая настройка</h3>
                    <p>Система адаптируется под любые процессы. Создание собственных полей, воронок, отчетов.</p>
                </div>
                                <div class="advantage-card">
                    <div class="advantage-icon">🌐</div>
                    <h3>Работа из любой точки</h3>
                    <p>Облачное решение с мобильными приложениями. Доступ к данным в любом месте.</p>
                </div>
                            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="section faq">
        <div class="container">
            <h2 class="section-title">Часто задаваемые вопросы</h2>
            <p class="section-subtitle">Ответы на популярные вопросы о внедрении Битрикс24</p>
            
            <div class="faq-container">
                                <div class="faq-item">
                    <button class="faq-question" onclick="bitrix24ToggleFaq(this)">
                        Можно ли интегрировать систему с сайтом бронирования? ▼
                    </button>
                    <div class="faq-answer">
                        <p>Да, система интегрируется с сайтом отеля через API, автоматически обновляя доступность номеров. Также возможна интеграция с Booking.com, Ostrovok.ru и другими площадками.</p>
                    </div>
                </div>
                                <div class="faq-item">
                    <button class="faq-question" onclick="bitrix24ToggleFaq(this)">
                        Как система помогает избежать двойных бронирований? ▼
                    </button>
                    <div class="faq-answer">
                        <p>Все каналы бронирования синхронизируются в реальном времени. При бронировании номера через любой канал он автоматически блокируется во всех остальных системах.</p>
                    </div>
                </div>
                                <div class="faq-item">
                    <button class="faq-question" onclick="bitrix24ToggleFaq(this)">
                        Есть ли мобильное приложение для персонала? ▼
                    </button>
                    <div class="faq-answer">
                        <p>Да, мобильные приложения позволяют горничным отмечать готовность номеров, администраторам управлять заселением/выселением, менеджерам получать оперативные отчеты.</p>
                    </div>
                </div>
                                <div class="faq-item">
                    <button class="faq-question" onclick="bitrix24ToggleFaq(this)">
                        Можно ли настроить автоматическое ценообразование? ▼
                    </button>
                    <div class="faq-answer">
                        <p>Система позволяет настроить правила динамического ценообразования на основе загруженности, дня недели, сезонности, местных событий и конкурентной среды.</p>
                    </div>
                </div>
                                <div class="faq-item">
                    <button class="faq-question" onclick="bitrix24ToggleFaq(this)">
                        Как система учитывает предпочтения постоянных гостей? ▼
                    </button>
                    <div class="faq-answer">
                        <p>В CRM ведется подробная карточка каждого гостя с историей размещений, предпочтениями по номерам, питанию, дополнительным услугам. При повторном бронировании вся информация доступна персоналу.</p>
                    </div>
                </div>
                                <div class="faq-item">
                    <button class="faq-question" onclick="bitrix24ToggleFaq(this)">
                        Можно ли получать отчеты по финансовым показателям? ▼
                    </button>
                    <div class="faq-answer">
                        <p>Система формирует отчеты по загруженности, выручке, средней стоимости номера, RevPAR, конверсии по каналам бронирования, прогнозы загрузки на будущие периоды.</p>
                    </div>
                </div>
                            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="section pricing">
        <div class="container">
            <h2 class="section-title">Тарифы и лицензии</h2>
            <p class="pricing-subtitle">Поможем выбрать подходящий тариф для отеля</p>
            
            
    <style>
    .container, .fixed.block-after-site, .fixed.main-navigation-inner, .fixed.related-posts, .fixed.section-block, .fixed.section-html, .fixed.site-content, .fixed.site-footer-inner, .fixed.site-header-inner, .footer-navigation.fixed, .main-navigation.fixed, .site-footer.fixed, .site-header.fixed {
        max-width: 1590px !important;
    }
    .container {
        max-width:none !important;
    }
    .badge-modern {
        display: inline-block;
        padding: 6px 16px;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 25px;
        border: none;
        cursor: default;
        transition: all 0.3s ease;
    }

    .badge-yes {
        background: linear-gradient(135deg, #00B4E5 0%, #0099CC 100%);
        color: white;
        box-shadow: 0 2px 4px rgba(0, 180, 229, 0.3);
    }

    .badge-no {
        background: linear-gradient(135deg, #FF6B6B 0%, #E74C3C 100%);
        color: white;
        box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
    }

    .badge-modern:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
    :root {
        --bitrix-blue: #3ab7ff;
        --bitrix-blue-light: #E8F4FD;
        --bitrix-blue-dark: #004B87;
        --text-primary: #333;
        --text-secondary: #409eef;
        --border-color: #E0E0E0;
        --success-color: #0050af;
        --error-color: #DC3545;
        --white: #ffffff;
        --gray-light: #F8F9FA;
        --accent-orange: #FF6B35;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-size:16px;
        line-height: 1.6;
        color: var(--text-primary);
        background-color: var(--gray-light);
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }

    h1 {
        text-align: left;
        color: var(--bitrix-blue);
        margin-bottom: 30px;
        font-size: 2.5rem;
        font-weight: 700;
    }

    .tab-navigation {
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
        background: var(--white);
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        overflow: hidden;
    }

    .tab-button {
        padding: 15px 25px;
        background: transparent;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        color: var(--text-secondary);
        font-weight: 600;
        border-bottom: 3px solid transparent;
        font-size:13px !important;
    }

    .tab-button:hover {
        background: var(--bitrix-blue-light);
        color: var(--bitrix-blue);
    }

    .tab-button.active {
        background: var(--bitrix-blue);
        color: var(--white);
        border-bottom-color: var(--bitrix-blue-dark);
    }

    .tab-content {
        display: none;
        animation: fadeIn 0.5s ease-in-out;
    }

    .tab-content.active {
        display: block;
    }

    /* Стили для подвкладок HRM */
    .hrm-sub-navigation {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        background: var(--white);
        border-radius: 8px;
        box-shadow: 0 1px 5px rgba(0,0,0,0.05);
        overflow: hidden;
    }

    .hrm-sub-button {
        padding: 12px 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        color: var(--text-secondary);
        font-weight: 500;
        border-bottom: 2px solid transparent;
        font-size: 15px !important;
    }

    .hrm-sub-button:hover {
        background: var(--bitrix-blue-light);
        color: var(--bitrix-blue);
    }

    .hrm-sub-button.active {
        background: var(--bitrix-blue);
        color: var(--white);
        border-bottom-color: var(--bitrix-blue-dark);
    }

    .hrm-sub-content {
        display: none;
        animation: fadeIn 0.3s ease-in-out;
    }

    .hrm-sub-content.active {
        display: block;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .pricing-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        gap: 30px;
        flex-wrap: wrap;
    }

    .switch-container {
        display: flex;
        background: var(--white);
        border-radius: 50px;
        padding: 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        position: relative;
    }

    .switch-option {
        padding: 12px 24px;
        border: none;
        background: transparent;
        cursor: pointer;
        border-radius: 46px;
        transition: all 0.3s ease;
        font-weight: 600;
        color: var(--text-secondary);
        z-index: 2;
        position: relative;
    }

    .switch-option.active {
        color: var(--white);
    }

    .switch-slider {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 50%;
        height: calc(100% - 8px);
        background: var(--bitrix-blue);
        border-radius: 46px;
        transition: transform 0.3s ease;
        z-index: 1;
    }

    .switch-slider.annual {
        transform: translateX(100%);
    }

    .discount-badge {
        background: var(--accent-orange);
        color: var(--white);
        padding: 8px 16px;
        border-radius: 20px;
        font-size: 0.9rem;
        font-weight: 600;
    }

    /* Новые стили для переключателя акций */
    .promotion-switch-container {
        display: flex;
        background: var(--white);
        border-radius: 50px;
        padding: 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        position: relative;
    }

    .promotion-switch-option {
        padding: 12px 24px;
        border: none;
        background: transparent;
        cursor: pointer;
        border-radius: 46px;
        transition: all 0.3s ease;
        font-weight: 600;
        color: var(--text-secondary);
        z-index: 2;
        position: relative;
    }

    .promotion-switch-option.active {
        color: var(--white);
    }

    .promotion-switch-slider {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 50%;
        height: calc(100% - 8px);
        background: var(--success-color);
        border-radius: 46px;
        transition: transform 0.3s ease;
        z-index: 1;
    }

    .promotion-switch-slider.no-promo {
        transform: translateX(100%);
    }

    .promotion-info {
        background: #E8F5E8;
        color: var(--success-color);
        padding: 8px 16px;
        border-radius: 20px;
        font-size: 0.9rem;
        font-weight: 600;
        border: 2px solid var(--success-color);
    }

    .price-table {
        background: var(--white);
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        margin-bottom: 40px;
    }

    .table-header {
        background: linear-gradient(135deg, var(--bitrix-blue), var(--bitrix-blue-dark));
        color: var(--white);
        padding: 20px;
        text-align: center;
    }

    .table-header h2 {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    .comparison-table {
        width: 100%;
        border-collapse: collapse;
    }

    .comparison-table th {
        background: var(--bitrix-blue) !important;
        color: var(--white);
        padding: 15px 10px;
        text-align: center;
        font-weight: 600;
        border-right: 1px solid rgba(255,255,255,0.2);
        vertical-align: top;
    }

    .comparison-table th:last-child {
        border-right: none;
    }

    .comparison-table td {
        padding: 15px 10px;
        text-align: center;
        border-bottom: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color);
        vertical-align: top;
    }

    .comparison-table td:last-child {
        border-right: none;
    }

    .comparison-table tr:nth-child(even) {
        background: var(--gray-light);
    }

    .feature-name {
        font-weight: 600;
        text-align: left !important;
        color: var(--text-primary);
        padding-left: 20px !important;
    }

    .feature-available {
        color: var(--success-color);
        font-weight: bold;
    }

    .feature-unavailable {
        color: var(--error-color);
    }

    .tariff-description {
        font-size: 0.8rem;
        color: #fff;
        font-style: italic;
        line-height: 1.3;
        margin-bottom: 10px;
        font-weight:normal;
    }

    .price-cell {
        background: var(--bitrix-blue-light) !important;
        font-weight: 700;
        color: var(--bitrix-blue);
        position: relative;
    }

    .old-price {
        text-decoration: line-through;
        color: var(--text-secondary);
        font-size: 0.9em;
        display: block;
    }

    .current-price {
        color: var(--success-color);
        font-size: 1.2em;
        font-weight: 700;
    }

    .price-period {
        font-size: 0.8em;
        color: var(--text-secondary);
        display: block;
        margin-top: 5px;
    }

    .sale-badge {
        background: var(--accent-orange);
        color: var(--white);
        font-size: 0.7rem;
        padding: 2px 6px;
        border-radius: 4px;
        display: inline-block;
        margin-top: 5px;
    }

    .enterprise-selector {
        margin-bottom: 10px;
    }

    .enterprise-selector select {
        padding: 8px 12px;
        border: 2px solid var(--border-color);
        border-radius: 6px;
        background: var(--white);
        font-weight: 600;
        color: var(--text-primary);
        cursor: pointer;
        transition: border-color 0.3s ease;
    }

    .enterprise-selector select:focus {
        outline: none;
        border-color: var(--bitrix-blue);
    }

    .buy-button {
        background: var(--bitrix-blue);
        color: var(--white);
        border: none;
        padding: 12px 24px;
        border-radius: 8px;
        cursor: pointer;
        font-weight: 600;
        margin-top: 10px;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .buy-button:hover {
        background: var(--bitrix-blue-dark);
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0,120,212,0.3);
    }

    .simple-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 30px;
    }

    .simple-table th {
        background: var(--bitrix-blue) !important;
        color: var(--white);
        padding: 15px;
        text-align: left;
    }

    .simple-table td {
        padding: 15px;
        border-bottom: 1px solid var(--border-color);
    }

    .simple-table tr:nth-child(even) {
        background: var(--gray-light);
    }

    .product-name {
        font-weight: 600;
        color: var(--text-primary);
    }

    .section-intro {
        background: var(--white);
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 30px;
        border: 2px solid var(--bitrix-blue);
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .section-intro h3 {
        color: var(--bitrix-blue);
        margin-bottom: 15px;
        font-size: 1.4rem;
    }

    .note {
        background: #FFF3CD;
        border: 1px solid #FFEAA7;
        color: #856404;
        padding: 15px;
        border-radius: 8px;
        margin: 20px 0;
    }

    .note h4 {
        color: #B8860B;
        margin-bottom: 10px;
    }

    .comparison-link {
        display: inline-block;
        color: var(--bitrix-blue);
        text-decoration: none;
        font-weight: 600;
        margin-top: 10px;
        padding: 8px 16px;
        border: 2px solid var(--bitrix-blue);
        border-radius: 5px;
        transition: all 0.3s ease;
    }

    .comparison-link:hover {
        background: var(--bitrix-blue);
        color: var(--white);
    }

    .annual-price-info {
        font-size: 0.8rem;
        color: var(--text-secondary);
        margin-top: 5px;
    }

    /* Стили для годовой цены */
    .yearly-price-info {
        font-size: 0.9rem;
        color: var(--text-primary);
        font-weight: 600;
        margin-top: 8px;
        padding: 5px;
        background: #fff;
        border-radius: 4px;
        border-left: 3px solid var(--bitrix-blue);
    }

    /* Стили для условий акций */
    .promotion-terms-link {
        border-bottom: 1px dashed #2066b0;
        color: #2066b0;
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        margin: 20px auto;
        text-align: center;
    }

    .promotion-terms-content {
        display: none;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 20px;
        margin-top: 15px;
        font-size: 14px;
        line-height: 1.5;
    }

    .promotion-terms-content.show {
        display: block;
        text-align: left;
        font-size: 18px;
    }

    .terms-center {
        text-align: center;
        width: 100%;
    }

    /* Стили для переключения версий маркетплейс */
    .marketplace-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        gap: 30px;
        flex-wrap: wrap;
    }

    .marketplace-version-switch {
        display: flex;
        background: var(--white);
        border-radius: 50px;
        padding: 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        position: relative;
    }

    .marketplace-version-option {
        padding: 12px 24px;
        border: none;
        background: transparent;
        cursor: pointer;
        border-radius: 46px;
        transition: all 0.3s ease;
        font-weight: 600;
        color: var(--text-secondary);
        z-index: 2;
        position: relative;
    }

    .marketplace-version-option.active {
        color: var(--white);
    }

    .marketplace-version-slider {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 50%;
        height: calc(100% - 8px);
        background: var(--bitrix-blue);
        border-radius: 46px;
        transition: transform 0.3s ease;
        z-index: 1;
    }

    .marketplace-version-slider.box {
        transform: translateX(100%);
    }

    .marketplace-purchase-switch {
        display: flex;
        background: var(--white);
        border-radius: 50px;
        padding: 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        position: relative;
    }

    .marketplace-purchase-option {
        padding: 12px 24px;
        border: none;
        background: transparent;
        cursor: pointer;
        border-radius: 46px;
        transition: all 0.3s ease;
        font-weight: 600;
        color: var(--text-secondary);
        z-index: 2;
        position: relative;
    }

    .marketplace-purchase-option.active {
        color: var(--white);
    }

    .marketplace-purchase-slider {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 50%;
        height: calc(100% - 8px);
        background: var(--success-color);
        border-radius: 46px;
        transition: transform 0.3s ease;
        z-index: 1;
    }

    .marketplace-purchase-slider.returning {
        transform: translateX(100%);
    }

    .marketplace-table {
        display: none;
    }

    .marketplace-table.active {
        display: block;
    }

    @media (max-width: 768px) {
        .container {
            padding: 10px;
        }

        h1 {
            font-size: 1.8rem;
        }

        .tab-navigation {
            flex-wrap: wrap;
        }

        .tab-button {
            flex: 1;
            min-width: 120px;
            padding: 10px 15px;
        }

        .comparison-table {
            font-size: 0.8rem;
        }

        .comparison-table th,
        .comparison-table td {
            padding: 8px 5px;
        }

        .buy-button {
            padding: 8px 16px;
            font-size: 0.9rem;
        }

        .pricing-controls {
            flex-direction: column;
            gap: 15px;
        }
    }
    </style><div class="container"><h1></h1><div class="tab-navigation"><button class="tab-button active" data-tab="cloud">Облачная версия</button><button class="tab-button" data-tab="box">Коробочная версия</button></div><div id="cloud" class="tab-content active">
    <div class="section-intro">
        <h3>Облачная версия Битрикс24</h3>
        <div>
            <p>Приобретение лицензий Битрикс24 через магазин b24.org.ru осуществляется на основе безналичной оплаты с предоставлением полного комплекта документов об отгрузке и заключением лицензионного договора. Доступна возможность подписания документации через ЭДО.</p>
            <p><strong>Время активации лицензии - до 2-х часов</strong> (после поступления платежа)</p>

            <h4>При приобретении облачного тарифа Битрикс24 через нас сроком на 12 месяцев:</h4>
            <p><strong>предоставляется скидка 20%</strong></p>

            <h4>При продлении облачных тарифных планов Битрикс24 на 12 месяцев через наш сервис b24.org.ru:</h4>
            <ul>
                <li><strong>скидка 20%</strong></li>
                <li><strong>+14 дней в ПОДАРОК</strong> для тарифных планов "Базовый" и "Стандартный"*</li>
                <li><strong>+28 дней в ПОДАРОК</strong> для тарифных планов "Профессиональный" и "Энтерпрайз" (облачные версии)*</li>
            </ul>

            <p><small>*дополнительные дни предоставляются при соблюдении условий: оплата производится до завершения действия текущей лицензии и оформление происходит через наш сервис b24.org.ru (как через онлайн-магазин, так и при прямом обращении через любые доступные способы связи, включая email).</small></p>
        </div>
    </div>
        <div class="pricing-controls">
            <div class="switch-container">
                <button class="switch-option active" data-period="monthly">На месяц</button>
                <button class="switch-option" data-period="annual">На год</button>
                <div class="switch-slider"></div>
            </div>
        </div>

        <div class="discount-badge" style="width: fit-content; margin: 0 auto 30px auto; background: var(--accent-orange); color: var(--white); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; text-align: center;">На год выгоднее на 20%</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
    window.isYearlyView = false;
});
</script>
        <div class="price-table">
            <div class="table-header">
                <h2>Сравнение тарифов облачной версии</h2>
            </div>
            <table class="comparison-table">
                <thead>
                    <tr>
                        <th>Функциональность</th>
                        <th>
                            Базовый
                            <div class="tariff-description">CRM для небольших отделов продаж</div>
                        </th>
                        <th>
                            Стандартный
                            <div class="tariff-description">Для совместной работы всей компании или рабочих групп</div>
                        </th>
                        <th>
                            Профессиональный
                            <div class="tariff-description">Для максимальной автоматизации всех процессов в компании</div>
                        </th>
                        <th>
                            Энтерпрайз
                            <div class="tariff-description">Для крупного бизнеса с расширенными возможностями</div>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="feature-name">Пользователи</td>
                        <td>5 пользователей</td>
                        <td>50 пользователей</td>
                        <td>100 пользователей</td>
                        <td>
                            <div class="enterprise-selector">
                                <select id="enterprise-users" onchange="updateEnterprisePrice()">
                                    <option value="250">250 пользователей</option>
                                    <option value="500">500 пользователей</option>
                                    <option value="1000">1 000 пользователей</option>
                                    <option value="2000">2 000 пользователей</option>
                                    <option value="3000">3 000 пользователей</option>
                                    <option value="4000">4 000 пользователей</option>
                                    <option value="5000">5 000 пользователей</option>
                                    <option value="6000">6 000 пользователей</option>
                                    <option value="7000">7 000 пользователей</option>
                                    <option value="8000">8 000 пользователей</option>
                                    <option value="9000">9 000 пользователей</option>
                                    <option value="10000">10 000 пользователей</option>
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="feature-name">Стоимость</td>
                        <td class="price-cell" data-tariff="basic">
                            <div class="monthly-price">
                                <span class="current-price">2 490 ₽/мес</span>
                            </div>
                            <div class="annual-price" style="display: none;">
                                <span class="old-price">2 490 ₽/мес</span>
                                <span class="current-price">1 990 ₽/мес</span>
                                <div class="annual-price-info">при оплате за год</div>
                            </div>
                            <button class="buy-button">Купить</button>
                        </td>
                        <td class="price-cell" data-tariff="standard">
                            <div class="monthly-price">
                                <span class="current-price">6 990 ₽/мес</span>
                            </div>
                            <div class="annual-price" style="display: none;">
                                <span class="old-price">6 990 ₽/мес</span>
                                <span class="current-price">5 590 ₽/мес</span>
                                <div class="annual-price-info">при оплате за год</div>
                            </div>
                            <button class="buy-button">Купить</button>
                        </td>
                        <td class="price-cell" data-tariff="professional">
                            <div class="monthly-price">
                                <span class="current-price">13 990 ₽/мес</span>
                            </div>
                            <div class="annual-price" style="display: none;">
                                <span class="old-price">13 990 ₽/мес</span>
                                <span class="current-price">11 190 ₽/мес</span>
                                <div class="annual-price-info">при оплате за год</div>
                            </div>
                            <button class="buy-button">Купить</button>
                        </td>
                        <td class="price-cell" id="enterprise-price" data-tariff="enterprise">
                            <div class="monthly-price">
                                <span class="current-price">33 990 ₽/мес</span>
                            </div>
                            <div class="annual-price" style="display: none;">
                                <span class="old-price">33 990 ₽/мес</span>
                                <span class="current-price">27 190 ₽/мес</span>
                                <div class="annual-price-info">при оплате за год</div>
                            </div>
                            <button class="buy-button">Купить</button>
                        </td>
                    </tr>
                    <tr>
                        <td class="feature-name">Место в облаке</td>
                        <td>24 Гб</td>
                        <td>100 Гб</td>
                        <td>1 024 Гб</td>
                        <td id="enterprise-storage">3 Тб</td>
                    </tr>
                    <tr>
                        <td class="feature-name">Совместная работа</td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Задачи и проекты</td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">CRM</td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Сайты</td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Контакт-центр</td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Интернет-магазин</td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Маркетинг</td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Документы онлайн</td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Сквозная аналитика</td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Автоматизация бизнес-процессов</td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                    <tr>
                        <td class="feature-name">Администрирование</td>
                        <td><noindex><span class="badge-modern badge-no">-</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                        <td><noindex><span class="badge-modern badge-yes">+</span></noindex></td>
                    </tr>
                </tbody>
            </table>
        </div></div><div id="box" class="tab-content">
    <div class="section-intro">
        <h3>Коробочная версия Битрикс24</h3>
        <p>Программа для ЭВМ "1С-Битрикс24" для установки на собственный сервер с возможностью полной кастомизации.</p>
        <a href="#comparison" class="comparison-link">Сравнение коробочных версий</a>
    </div>
            <div class="note">
                <h4>Важная информация о лицензировании:</h4>
                <ul>
                    <li>Лицензии «Корпоративный портал» позволяют подключить к порталу столько сотрудников компании, сколько указано в названии лицензии</li>
                    <li>Лицензия «Интернет-магазин + CRM» поддерживает максимально 12 сотрудников</li>
                    <li>Лицензия «Энтерпрайз» начинается с 1000 сотрудников и может расширяться</li>
                    <li>Для лицензий «Интернет-магазин + CRM» и «Корпоративный портал» увеличить число пользователей можно только переходом на другую лицензию</li>
                </ul>
            </div>
            
            <div class="price-table">
                <table class="simple-table">
                    <thead>
                        <tr>
                            <th>Лицензия</th>
                            <th>Цена</th>
                            <th>Действие</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Интернет-магазин + CRM (12 мес.)<br><small>до 12 пользователей</small></td>
                            <td><span class="current-price">109 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Корпоративный портал - 50 (12 мес.)<br><small>до 50 пользователей</small></td>
                            <td><span class="current-price">159 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Корпоративный портал - 100 (12 мес.)<br><small>до 100 пользователей</small></td>
                            <td><span class="current-price">229 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Корпоративный портал - 250 (12 мес.)<br><small>до 250 пользователей</small></td>
                            <td><span class="current-price">349 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Корпоративный портал - 500 (12 мес.)<br><small>до 500 пользователей</small></td>
                            <td><span class="current-price">599 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="section-intro">
                <h3>Лицензии Энтерпрайз</h3>
                <p>Специальные лицензии для крупных проектов от 1000 пользователей. Расширение количества пользователей возможно только в лицензии «Энтерпрайз» путем покупки дополнительных пакетов по 1000 пользователей.</p>
            </div>


            <div class="price-table">
                <table class="simple-table">
                    <thead>
                        <tr>
                            <th>Лицензия Энтерпрайз</th>
                            <th>Цена</th>
                            <th>Действие</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Энтерпрайз (12 мес.)<br><small>базовая лицензия на 1000 пользователей</small></td>
                            <td><span class="current-price">1 299 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Расширение лицензии Энтерпрайз (1000 польз.)<br><small>дополнительный пакет на 1000 пользователей</small></td>
                            <td><span class="current-price">899 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Лицензия Энтерпрайз для Постгрес (12 мес.)<br><small>базовая лицензия на 1000 пользователей с поддержкой PostgreSQL</small></td>
                            <td><span class="current-price">1 699 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                        <tr>
                            <td class="product-name">Программа для ЭВМ "1С-Битрикс24". Расширение лицензии Энтерпрайз для Постгрес (1000 польз.)<br><small>дополнительный пакет на 1000 пользователей для PostgreSQL</small></td>
                            <td><span class="current-price">1 199 000 руб.</span></td>
                            <td><button class="buy-button">Купить</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
<style>
    .features-comparison-table {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        background: white;
        border-radius: 15px;
        box-shadow: 0 20px 40px rgba(58, 183, 255, 0.1);
        overflow: hidden;
        margin: 20px 0;
    }

    .table-header {
        background: linear-gradient(135deg, #3ab7ff 0%, #2196f3 100%);
        color: white;
        padding: 30px;
        text-align: center;
    }

    .table-header h2 {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .table-header p {
        font-size: 16px;
        opacity: 0.9;
        line-height: 1.5;
    }

    .comparison-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }

    .table-row {
        display: table-row;
    }

    .table-row.header-row {
        background: linear-gradient(135deg, #f8fbff 0%, #e3f2fd 100%);
    }

    .table-cell {
        display: table-cell;
        padding: 15px;
        border-bottom: 1px solid #e1f5fe;
        vertical-align: middle;
        text-align: center;
    }

    .table-cell.feature-name {
        text-align: left;
        font-weight: 500;
        background: #f8fbff;
        border-right: 3px solid #3ab7ff;
        width: 40%;
    }

    .table-cell.plan-header {
        background: linear-gradient(135deg, #3ab7ff 0%, #2196f3 100%);
        color: white;
        font-weight: 600;
        font-size: 16px;
        padding: 20px 15px;
    }

    .section-header {
        background: linear-gradient(135deg, #3ab7ff 0%, #2196f3 100%);
        color: white;
        font-weight: 600;
        font-size: 18px;
        padding: 15px;
        text-align: left;
    }

    .section-header::before {
        margin-right: 10px;
        font-size: 20px;
    }


    .check-icon {
        width: 24px;
        height: 24px;
        background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 14px;
        font-weight: bold;
    }

    .cross-icon {
        width: 24px;
        height: 24px;
        background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 14px;
        font-weight: bold;
    }

    .value-badge {
        background: linear-gradient(135deg, #3ab7ff 0%, #2196f3 100%);
        color: white;
        padding: 6px 12px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
    }

    .users-count {
        background: linear-gradient(135deg, #3ab7ff 0%, #2196f3 100%);
        color: white;
        padding: 8px 16px;
        border-radius: 25px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }

    .additional-features {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }

    .feature-tag {
        padding: 4px 8px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 500;
        display: inline-block;
    }

    .feature-tag.included {
        background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
        color: white;
    }

    .feature-tag.not-included {
        background: #f5f5f5;
        color: #999;
    }

    /* Мобильная версия */
    @media (max-width: 768px) {
        .comparison-table {
            display: block;
        }

        .table-row {
            display: block;
            margin-bottom: 20px;
            border: 1px solid #e1f5fe;
            border-radius: 10px;
            overflow: hidden;
        }

        .table-row.header-row {
            display: none;
        }

        .table-cell {
            display: block;
            padding: 10px 15px;
            border-bottom: 1px solid #f0f0f0;
            text-align: left;
        }

        .table-cell.feature-name {
            background: linear-gradient(135deg, #3ab7ff 0%, #2196f3 100%);
            color: white;
            font-weight: 600;
            border-right: none;
            width: 100%;
        }

        .table-cell.plan-header {
            display: none;
        }

        .table-cell:not(.feature-name) {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .table-cell:not(.feature-name)::before {
            content: attr(data-plan);
            font-weight: 600;
            color: #3ab7ff;
            min-width: 120px;
        }

        .section-header {
            margin-top: 30px;
            margin-bottom: 10px;
            border-radius: 10px;
        }

        .table-header {
            padding: 20px;
        }

        .table-header h2 {
            font-size: 24px;
        }

        .additional-features {
            flex-direction: column;
            align-items: flex-start;
        }
    }
</style>

<div class="features-comparison-table" id="comparison">
    <div class="table-header">
        <h2>Возможности редакций Битрикс24</h2>
        <p>Включают большую часть возможностей облачного тарифа «Профессиональный» и дополнительные возможности коробочной версии</p>
    </div>

    <div class="comparison-table">
        <!-- Заголовки тарифов -->
        <div class="table-row header-row">
            <div class="table-cell feature-name" style="
    background: #3ab7ff !important;
    border-bottom: 0px !important;
    color: white !important;
">Функция/редакция</div>
            <div class="table-cell plan-header">Интернет-магазин + CRM</div>
            <div class="table-cell plan-header">Корпоративный портал</div>
            <div class="table-cell plan-header">Энтерпрайз</div>
        </div>

        <!-- Пользователи -->
        <div class="section-header users"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f465.png" alt="👥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Пользователи</div>
        <div class="table-row">
            <div class="table-cell feature-name">Число сотрудников в вашем Битрикс24</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="users-count">12</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="users-count">50/100/250/500</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="users-count">1000+</div>
            </div>
        </div>

        <!-- Дополнительные возможности -->
        <div class="section-header additional"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2795.png" alt="➕" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Дополнительные возможности</div>
        <div class="table-row">
            <div class="table-cell feature-name">Экстранет</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">eCommerce-платформа</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">CoPilot</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Онлайн-запись</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Документы Онлайн</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Кадровый документооборот</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Многодепартаментность</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Веб-кластер</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">VIP поддержка 24/7</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>

        <!-- Документы онлайн -->
        <div class="section-header documents"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c4.png" alt="📄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Документы онлайн</div>
        <div class="table-row">
            <div class="table-cell feature-name">Совместная работа с документами онлайн</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Число сессий одновременного редактирования документов</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="value-badge">10-10-20-20</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="value-badge">40</div>
            </div>
        </div>

        <!-- Модули -->
        <div class="section-header modules"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Модули</div>
        <div class="table-row">
            <div class="table-cell feature-name">Свои переговорки</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Обучение и тестирование сотрудников</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Новости компании</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Подписка на новости компании</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Сервис сбора идей</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Карьера и вакансии для сотрудников</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Доска объявлений компании</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Внутренние заявки</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Просмотр зарплатных листков и отпусков</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Служба техподдержки сотрудников</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">BI-аналитика</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>

        <!-- Сайты -->
        <div class="section-header sites"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Сайты</div>
        <div class="table-row">
            <div class="table-cell feature-name">Сайты</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="value-badge">неограниченно</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="value-badge">неограниченно</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="value-badge">неограниченно</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Страницы</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="value-badge">неограниченно</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="value-badge">неограниченно</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="value-badge">неограниченно</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Место</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="value-badge">неограниченно</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="value-badge">неограниченно</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="value-badge">неограниченно</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Забрать сайт на свой хостинг (скоро)</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Свой домен</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Готовые шаблоны</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Копирование страниц внутри сайта</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Подключение Яндекс.Метрики и Google Analytics</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Google Карты</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">CRM-формы</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Онлайн-чат на сайт</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Обратный звонок</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Убрать подпись "Заряжено Битрикс24"</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>

        <!-- Интеграции -->
        <div class="section-header integrations"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Интеграции</div>
        <div class="table-row">
            <div class="table-cell feature-name">Коннектор к MS Exchange Server 2007/2010</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Интеграция с MS Exchange Web Mail</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Коннектор к MS SharePoint</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Интеграция с «1С:ЗУП»</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Active Directory/LDAP Интегратор + NTLM</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>

        <!-- Масштабирование -->
        <div class="section-header scaling"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Масштабирование</div>
        <div class="table-row">
            <div class="table-cell feature-name">Веб-кластер</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Многодепартаментность</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="cross-icon">✗</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>

        <!-- Управление -->
        <div class="section-header management"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2699.png" alt="⚙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Управление</div>
        <div class="table-row">
            <div class="table-cell feature-name">Администрирование корпоративного портала</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Управление контентом (визуальный редактор страниц)</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Расширенное управление правами доступа</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Шаблоны дизайна</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Кастомизация дизайна</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Разработка собственной бизнес-логики</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Контроллер для интеграции с внешним сайтом</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Анализ и статистика посещений</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>

        <!-- Дополнительно -->
        <div class="section-header extra"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Дополнительно</div>
        <div class="table-row">
            <div class="table-cell feature-name">Виртуальная машина (полностью настроенное и протестированное серверное окружение для оптимальной работы Битрикс24)</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Открытый API и исходный код</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="check-icon">✓</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="check-icon">✓</div>
            </div>
        </div>
        <div class="table-row">
            <div class="table-cell feature-name">Облачный бекап</div>
            <div class="table-cell" data-plan="Интернет-магазин + CRM">
                <div class="value-badge">15 ГБ</div>
            </div>
            <div class="table-cell" data-plan="Корпоративный портал">
                <div class="value-badge">20 ГБ</div>
            </div>
            <div class="table-cell" data-plan="Энтерпрайз">
                <div class="value-badge">60 ГБ</div>
            </div>
        </div>
    </div>
</div></div></div>
    <script>
    // Цены для тарифов
    const cloudPrices = {
        basic: {
            monthly: 2490,
            annual: 1990,
            storage: "24 Гб"
        },
        standard: {
            monthly: 6990,
            annual: 5590,
            storage: "100 Гб"
        },
        professional: {
            monthly: 13990,
            annual: 11190,
            storage: "1 024 Гб"
        },
        enterprise: {
            250: {
                monthly: 33990,
                annual: 27190,
                storage: "3 ТБ"
            },
            500: {
                monthly: 59990,
                annual: 47990,
                storage: "5 ТБ"
            },
            1000: {
                monthly: 99990,
                annual: 79990,
                storage: "10 ТБ"
            },
            2000: {
                monthly: 199990,
                annual: 159990,
                storage: "20 ТБ"
            },
            3000: {
                monthly: 299990,
                annual: 239990,
                storage: "30 ТБ"
            },
            4000: {
                monthly: 399990,
                annual: 319990,
                storage: "40 ТБ"
            },
            5000: {
                monthly: 499990,
                annual: 399990,
                storage: "50 ТБ"
            },
            6000: {
                monthly: 599990,
                annual: 479990,
                storage: "60 ТБ"
            },
            7000: {
                monthly: 699990,
                annual: 559990,
                storage: "70 ТБ"
            },
            8000: {
                monthly: 799990,
                annual: 639990,
                storage: "80 ТБ"
            },
            9000: {
                monthly: 899990,
                annual: 719990,
                storage: "90 ТБ"
            },
            10000: {
                monthly: 999990,
                annual: 799990,
                storage: "100 ТБ"
            }
        }
    };

    let currentPeriod = "monthly";
    let isYearlyView = false; // Инициализируем переменную

    // Обновление цены Энтерпрайз при изменении количества пользователей
    function updateEnterprisePrice() {
        const selector = document.getElementById("enterprise-users");
        if (!selector) return;
        
        const users = parseInt(selector.value);
        const priceData = cloudPrices.enterprise[users];
        const priceCell = document.getElementById("enterprise-price");
        const storageCell = document.getElementById("enterprise-storage");

        if (storageCell) {
            storageCell.textContent = priceData.storage;
        }

        if (priceCell) {
            updatePriceCell(priceCell, priceData, "enterprise");
        }
    }

    function updatePriceCell(priceCell, priceData, tariff) {
        if (isYearlyView) {
            // В режиме годового отображения показываем только цены за год
            const yearlyPrice = priceData.annual * 12;
            priceCell.innerHTML = `
                <span class="current-price">${yearlyPrice.toLocaleString()} ₽/год</span>
                <div class="yearly-price-info">
                    Цена за месяц: ${priceData.annual.toLocaleString()} ₽
                </div>
                <button class="buy-button">Купить</button>
            `;
        } else {
            // Обычный режим с переключателем месяц/год
            const monthlyPrice = priceCell.querySelector(".monthly-price .current-price");
            const annualDiv = priceCell.querySelector(".annual-price");
            
            if (annualDiv) {
                const annualOldPrice = annualDiv.querySelector(".old-price");
                const annualNewPrice = annualDiv.querySelector(".current-price");
                
                if (annualOldPrice) annualOldPrice.textContent = `${priceData.monthly.toLocaleString()} ₽/мес`;
                if (annualNewPrice) annualNewPrice.textContent = `${priceData.annual.toLocaleString()} ₽/мес`;
            }

            if (monthlyPrice) {
                monthlyPrice.textContent = `${priceData.monthly.toLocaleString()} ₽/мес`;
            }
        }
    }

    function updateAllPrices() {
        // Обновляем базовый тариф
        const basicCell = document.querySelector("[data-tariff=\"basic\"]");
        if (basicCell) updatePriceCell(basicCell, cloudPrices.basic, "basic");

        // Обновляем стандартный тариф
        const standardCell = document.querySelector("[data-tariff=\"standard\"]");
        if (standardCell) updatePriceCell(standardCell, cloudPrices.standard, "standard");

        // Обновляем профессиональный тариф
        const professionalCell = document.querySelector("[data-tariff=\"professional\"]");
        if (professionalCell) updatePriceCell(professionalCell, cloudPrices.professional, "professional");

        // Обновляем энтерпрайз тариф
        updateEnterprisePrice();
    }

    function togglePromotionTerms(termsId) {
        const termsContent = document.getElementById(termsId);
        if (!termsContent) return;
        
        if (termsContent.classList.contains("show")) {
            termsContent.classList.remove("show");
        } else {
            // Закрываем все остальные условия
            const allTerms = document.querySelectorAll(".promotion-terms-content");
            allTerms.forEach(terms => terms.classList.remove("show"));
            // Открываем текущие
            termsContent.classList.add("show");
        }
    }

    // Глобальная функция для получения названия товара из прайс-листа
    window.getProductNameFromPriceList = function(button) {
        // Ищем ближайшую строку таблицы
        const tableRow = button.closest("tr");
        if (tableRow) {
            const productCell = tableRow.querySelector(".product-name");
            if (productCell) {
                // Извлекаем текст, исключая теги <small> и <br>
                let productName = productCell.cloneNode(true);
                const smallElements = productName.querySelectorAll("small, br");
                smallElements.forEach(el => el.remove());
                return productName.textContent.trim();
            }
        }
        
        // Для облачных тарифов ищем в заголовке колонки
        const priceCell = button.closest(".price-cell");
        if (priceCell) {
            const tariff = priceCell.getAttribute("data-tariff");
            const currentTab = document.querySelector(".tab-content.active")?.id || "cloud";
            
            if (currentTab === "cloud") {
                // Проверяем режим отображения - годовой или обычный
                let periodText = "12 мес.";
                
                if (!window.isYearlyView) {
                    // Обычный режим с переключателем
                    const activePeriodButton = document.querySelector(".switch-option.active");
                    if (activePeriodButton) {
                        const currentPeriod = activePeriodButton.getAttribute("data-period");
                        periodText = currentPeriod === "annual" ? "12 мес." : "1 мес.";
                    } else {
                        periodText = "1 мес."; // По умолчанию в обычном режиме
                    }
                }
                
                switch(tariff) {
                    case "basic":
                        return `Базовый тариф облачной версии (${periodText})`;
                    case "standard":
                        return `Стандартный тариф облачной версии (${periodText})`;
                    case "professional":
                        return `Профессиональный тариф облачной версии (${periodText})`;
                    case "enterprise":
                        const usersSelect = document.getElementById("enterprise-users");
                        const users = usersSelect ? usersSelect.value : "250";
                        return `Энтерпрайз тариф облачной версии ${users} пользователей (${periodText})`;
                    default:
                        return `Облачный тариф (${periodText})`;
                }
            }
        }
        
        return "Неизвестный товар";
    }

    document.addEventListener("DOMContentLoaded", function() {
        // Переключение табов
        const tabButtons = document.querySelectorAll(".tab-button");
        const tabContents = document.querySelectorAll(".tab-content");

        tabButtons.forEach(button => {
            button.addEventListener("click", function() {
                const targetTab = this.getAttribute("data-tab");

                tabButtons.forEach(btn => btn.classList.remove("active"));
                tabContents.forEach(content => content.classList.remove("active"));

                this.classList.add("active");
                const targetElement = document.getElementById(targetTab);
                if (targetElement) {
                    targetElement.classList.add("active");
                }
            });
        });

        // Переключение подвкладок HRM
        const hrmSubButtons = document.querySelectorAll(".hrm-sub-button");
        const hrmSubContents = document.querySelectorAll(".hrm-sub-content");

        hrmSubButtons.forEach(button => {
            button.addEventListener("click", function() {
                const targetSubTab = this.getAttribute("data-subtab");

                hrmSubButtons.forEach(btn => btn.classList.remove("active"));
                hrmSubContents.forEach(content => content.classList.remove("active"));

                this.classList.add("active");
                const targetElement = document.getElementById(targetSubTab);
                if (targetElement) {
                    targetElement.classList.add("active");
                }
            });
        });

        // Переключение периода оплаты - ОБНОВЛЕНО
        const periodSwitchButtons = document.querySelectorAll(".switch-option");
        const periodSlider = document.querySelector(".switch-slider");
        const monthlyPrices = document.querySelectorAll(".monthly-price");
        const annualPrices = document.querySelectorAll(".annual-price");

        periodSwitchButtons.forEach(button => {
            button.addEventListener("click", function() {
                const period = this.getAttribute("data-period");
                currentPeriod = period;

                periodSwitchButtons.forEach(btn => btn.classList.remove("active"));
                this.classList.add("active");

                if (periodSlider) {
                    if (period === "annual") {
                        periodSlider.classList.add("annual");
                        monthlyPrices.forEach(price => price.style.display = "none");
                        annualPrices.forEach(price => price.style.display = "block");
                    } else {
                        periodSlider.classList.remove("annual");
                        monthlyPrices.forEach(price => price.style.display = "block");
                        annualPrices.forEach(price => price.style.display = "none");
                    }
                }
            });
        });

        // Переключение версий маркетплейса
        const marketplaceVersionButtons = document.querySelectorAll(".marketplace-version-option");
        const marketplaceVersionSlider = document.querySelector(".marketplace-version-slider");

        marketplaceVersionButtons.forEach(button => {
            button.addEventListener("click", function() {
                const version = this.getAttribute("data-version");

                marketplaceVersionButtons.forEach(btn => btn.classList.remove("active"));
                this.classList.add("active");

                if (marketplaceVersionSlider) {
                    if (version === "box") {
                        marketplaceVersionSlider.classList.add("box");
                    } else {
                        marketplaceVersionSlider.classList.remove("box");
                    }
                }

                updateMarketplaceTable();
            });
        });

        // Переключение типа покупки маркетплейса
        const marketplacePurchaseButtons = document.querySelectorAll(".marketplace-purchase-option");
        const marketplacePurchaseSlider = document.querySelector(".marketplace-purchase-slider");

        marketplacePurchaseButtons.forEach(button => {
            button.addEventListener("click", function() {
                const purchase = this.getAttribute("data-purchase");

                marketplacePurchaseButtons.forEach(btn => btn.classList.remove("active"));
                this.classList.add("active");

                if (marketplacePurchaseSlider) {
                    if (purchase === "returning") {
                        marketplacePurchaseSlider.classList.add("returning");
                    } else {
                        marketplacePurchaseSlider.classList.remove("returning");
                    }
                }

                updateMarketplaceTable();
            });
        });

        function updateMarketplaceTable() {
            const versionButton = document.querySelector(".marketplace-version-option.active");
            const purchaseButton = document.querySelector(".marketplace-purchase-option.active");
            
            if (!versionButton || !purchaseButton) return;
            
            const version = versionButton.getAttribute("data-version");
            const purchase = purchaseButton.getAttribute("data-purchase");
            
            // Скрываем все таблицы
            document.querySelectorAll(".marketplace-table").forEach(table => {
                table.classList.remove("active");
            });
            
            // Показываем нужную таблицу
            const targetTableId = `${version}-${purchase}`;
            const targetTable = document.getElementById(targetTableId);
            if (targetTable) {
                targetTable.classList.add("active");
            }
        }

        // Якорные ссылки
        const comparisonLinks = document.querySelectorAll("a[href=\"#comparison\"]");
        comparisonLinks.forEach(link => {
            link.addEventListener("click", function(e) {
                e.preventDefault();
                const comparisonElement = document.getElementById("comparison");
                if (comparisonElement) {
                    comparisonElement.scrollIntoView({
                        behavior: "smooth"
                    });
                }
            });
        });

        // Инициализация цен
        updateAllPrices();
    });
    </script>        </div>
    </section>

    <!-- Final CTA -->
    <section class="hero" style="padding: 80px 0;">
        <div class="container">
            <h2 style="font-size: 2.5rem; margin-bottom: 20px;">Начните автоматизацию бизнес-процессов уже сегодня</h2>
            <p style="font-size: 1.2rem; margin-bottom: 40px; opacity: 0.9;">Получите индивидуальный расчет стоимости и план внедрения для вашей компании</p>
            
            <!-- Final Lead Form -->
            <div class="lead-form">
                <div id="leadFormFinal">
                    <h3 class="form-title">Получите расчёт стоимости и план внедрения Битрикс24 для отеля за 2 часа</h3>
                    <p style="text-align: center; margin-bottom: 20px; color: #6b7280;">Оставьте заявку (2 минуты) и получите:</p>
                    <div class="form-benefits">
                        <ul>
                            <li>Бесплатный аудит текущих процессов</li>
                            <li>Расчет стоимости под ваши задачи</li>
                            <li>План внедрения с точными сроками</li>
                        </ul>
                    </div>
                    
                    <form class="bitrix24-form">
                        <div class="form-group">
                            <input type="text" name="company" placeholder="Название компании (необязательно)">
                        </div>
                        <div class="form-group">
                            <input type="tel" name="phone" placeholder="Телефон *" required>
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <textarea name="comment" rows="3" placeholder="Опишите вашу ситуацию (необязательно)"></textarea>
                        </div>
                        <input type="hidden" name="form_message" value="Заявка с landing page - Битрикс24">
                        <button type="submit" class="cta-button">Получить расчёт бесплатно</button>
                        <p class="privacy-note">Нажимая кнопку «Получить расчёт бесплатно», вы даете согласие на обработку персональных данных в соответствии с ФЗ-152</p>
                    </form>
                </div>
                
                <div id="loadingFinal" style="display: none;">
                    <div class="success-icon">⏳</div>
                    <h3>Отправляем заявку...</h3>
                    <p>Пожалуйста, подождите</p>
                </div>
                
                <div id="successMessageFinal" style="display: none;">
                    <div class="success-icon">🎉</div>
                    <h3>Заявка отправлена успешно</h3>
                    <p>Наш специалист свяжется с вами в течение 30 минут для уточнения деталей и назначения встречи</p>
                </div>
            </div>
        </div>
    </section>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Обработка всех форм
        const forms = document.querySelectorAll('.bitrix24-form');
        forms.forEach(form => {
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                
                const leadForm = this.closest('.lead-form');
                const loadingElement = leadForm.querySelector('#loading') || leadForm.querySelector('#loadingFinal');
                const formElement = leadForm.querySelector('#leadForm') || leadForm.querySelector('#leadFormFinal');
                const successElement = leadForm.querySelector('#successMessage') || leadForm.querySelector('#successMessageFinal');
                
                // Показываем загрузку
                if (loadingElement) {
                    loadingElement.style.display = 'block';
                    if (formElement) formElement.style.display = 'none';
                }
                
                // Собираем данные формы
                const formData = new FormData(this);
                const data = {};
                for (let [key, value] of formData.entries()) {
                    data[key] = value;
                }
                
                // Добавляем URL страницы в комментарий
                const currentUrl = window.location.href;
                const existingComment = data.comment || '';
                const urlComment = `Источник заявки: ${currentUrl}`;
                
                // Если есть существующий комментарий, добавляем URL через перенос строки
                if (existingComment.trim()) {
                    data.comment = `${existingComment}\n\n${urlComment}`;
                } else {
                    data.comment = urlComment;
                }
                
                console.log('Отправляемые данные:', data);
                
                // Отправляем данные
                fetch('https://ekburg.tv/b24.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify(data)
                })
                .then(response => {
                    console.log('Статус ответа:', response.status);
                    return response.json();
                })
                .then(result => {
                    console.log('Ответ сервера:', result);
                    if (loadingElement) loadingElement.style.display = 'none';
                    
                    if (result.success) {
                        if (successElement) successElement.style.display = 'block';
                        
                        // Отправляем событие в метрику
                        if (typeof ym !== 'undefined') {
                            ym(123456789, 'reachGoal', 'lead_form_submit');
                        }
                        
                        // Google Analytics
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'generate_lead', {
                                'event_category': 'Form',
                                'event_label': 'Bitrix24 Landing'
                            });
                        }
                    } else {
                        alert('Произошла ошибка. Попробуйте еще раз.');
                        if (formElement) formElement.style.display = 'block';
                    }
                })
                .catch(error => {
                    console.error('Ошибка:', error);
                    if (loadingElement) loadingElement.style.display = 'none';
                    alert('Произошла ошибка. Попробуйте еще раз.');
                    if (formElement) formElement.style.display = 'block';
                });
            });
        });
    });

        // FAQ toggle функция
        function bitrix24ToggleFaq(element) {
            const answer = element.nextElementSibling;
            const isActive = answer.classList.contains('active');
            
            // Закрываем все остальные ответы
            document.querySelectorAll('.bitrix24-landing-container .faq-answer').forEach(item => {
                item.classList.remove('active');
            });
            
            // Переключаем текущий
            if (!isActive) {
                answer.classList.add('active');
                element.innerHTML = element.innerHTML.replace('▼', '▲');
            } else {
                element.innerHTML = element.innerHTML.replace('▲', '▼');
            }
            
            // Обновляем стрелки
            document.querySelectorAll('.bitrix24-landing-container .faq-question').forEach(q => {
                if (q !== element) {
                    q.innerHTML = q.innerHTML.replace('▲', '▼');
                }
            });
        }
    </script>
</div>

    


<h2>Введение</h2>
<p>Эффективное управление отелем требует комплексного подхода к автоматизации бизнес-процессов. Битрикс24 предоставляет мощные инструменты для управления гостиничным бизнесом: от обработки бронирований до аналитики доходности. В этой инструкции мы рассмотрим все аспекты настройки и использования платформы для максимизации эффективности работы отеля.</p>
<h2>Основные возможности Битрикс24 для отелей</h2>
<h3>CRM для управления гостями</h3>
<p>Система CRM в Битрикс24 позволяет создать полную базу данных гостей с историей проживаний, предпочтениями и особыми требованиями. Каждый гость становится контактом с детальной информацией:</p>
<ul>
<li><strong>Персональные данные:</strong> имя, контакты, документы</li>
<li><strong>История бронирований:</strong> даты, номера, потраченные суммы</li>
<li><strong>Предпочтения:</strong> тип номера, дополнительные услуги</li>
<li><strong>Коммуникации:</strong> все переписки и звонки в едином окне</li>
</ul>
<h3>Автоматизация процесса бронирования</h3>
<p>Битрикс24 позволяет настроить воронку продаж специально для гостиничного бизнеса:</p>
<ul>
<li><strong>Запрос на бронирование:</strong> первичная обработка заявки</li>
<li><strong>Проверка доступности:</strong> контроль свободных номеров</li>
<li><strong>Предложение и согласование:</strong> отправка коммерческого предложения</li>
<li><strong>Подтверждение бронирования:</strong> оформление и предоплата</li>
<li><strong>Заселение:</strong> встреча гостя и оформление документов</li>
</ul>
<h2>Настройка системы для отеля</h2>
<h3>Создание структуры номерного фонда</h3>
<p>Для эффективного управления номерами в Битрикс24 необходимо создать соответствующую структуру:</p>
<p><strong>Настройка пользовательских полей:</strong></p>
<ul>
<li>Тип номера (стандарт, люкс, семейный)</li>
<li>Вместимость (количество гостей)</li>
<li>Стоимость за ночь</li>
<li>Дополнительные удобства</li>
<li>Статус номера (свободен, занят, на ремонте)</li>
</ul>
<h3>Автоматизация коммуникаций</h3>
<p>Битрикс24 позволяет настроить автоматические уведомления и рассылки:</p>
<ul>
<li><strong>Подтверждение бронирования:</strong> автоматическая отправка деталей</li>
<li><strong>Напоминания:</strong> уведомления за день до заезда</li>
<li><strong>Инструкции по заезду:</strong> информация о процедуре регистрации</li>
<li><strong>Опросы после выезда:</strong> сбор отзывов для улучшения сервиса</li>
</ul>
<h2>Интеграция с внешними системами</h2>
<h3>Подключение онлайн-платежей</h3>
<p>Интеграция с платежными системами позволяет принимать предоплату и полную оплату онлайн:</p>
<ul>
<li>Сбербанк Онлайн</li>
<li>Яндекс.Касса</li>
<li>Robokassa</li>
<li>Тинькофф Эквайринг</li>
</ul>
<h3>Синхронизация с booking-системами</h3>
<p>Через REST API можно настроить синхронизацию с популярными площадками бронирования:</p>
<ul>
<li>Booking.com</li>
<li>Яндекс.Путешествия</li>
<li>Ostrovok.ru</li>
<li>101hotels.com</li>
</ul>
<h2>Управление персоналом отеля</h2>
<h3>Структура отделов</h3>
<p>В Битрикс24 можно создать четкую иерархию сотрудников отеля:</p>
<ul>
<li><strong>Администрация:</strong> директор, управляющий</li>
<li><strong>Служба приема:</strong> администраторы, консьержи</li>
<li><strong>Housekeeping:</strong> горничные, техслужба</li>
<li><strong>Ресторан:</strong> повара, официанты</li>
<li><strong>Бухгалтерия:</strong> главный бухгалтер, кассир</li>
</ul>
<h3>Задачи и проекты</h3>
<p>Система задач позволяет координировать работу всех служб отеля:</p>
<ul>
<li><strong>Уборка номеров:</strong> автоматическое создание задач после выезда</li>
<li><strong>Техническое обслуживание:</strong> плановые проверки оборудования</li>
<li><strong>Обслуживание гостей:</strong> выполнение особых пожеланий</li>
<li><strong>Мероприятия:</strong> организация корпоративных событий</li>
</ul>
<h2>Аналитика и отчетность</h2>
<h3>Ключевые показатели эффективности</h3>
<p>Битрикс24 предоставляет подробную аналитику работы отеля:</p>
<ul>
<li><strong>Загрузка номеров:</strong> процент занятости по дням и месяцам</li>
<li><strong>Средний чек:</strong> доход с одного гостя</li>
<li><strong>Конверсия:</strong> процент подтвержденных бронирований</li>
<li><strong>Источники бронирований:</strong> эффективность каналов продаж</li>
<li><strong>Повторные гости:</strong> доля постоянных клиентов</li>
</ul>
<h3>Настройка дашбордов</h3>
<p>Для руководства отеля можно создать информативные дашборды с ключевыми метриками:</p>
<ul>
<li>Онлайн-статистика заселения</li>
<li>Выручка за день/неделю/месяц</li>
<li>Прогноз загрузки на ближайшие дни</li>
<li>Рейтинг номеров по доходности</li>
</ul>
<h2>Мобильное приложение для персонала</h2>
<h3>Возможности мобильного Битрикс24</h3>
<p>Сотрудники отеля могут использовать мобильное приложение для:</p>
<ul>
<li><strong>Получения задач:</strong> уведомления о новых поручениях</li>
<li><strong>Обновления статусов:</strong> отметки о выполненной работе</li>
<li><strong>Коммуникаций:</strong> чат с коллегами и руководством</li>
<li><strong>Доступа к базе гостей:</strong> просмотр информации о постояльцах</li>
</ul>
<h2>Автоматизация дополнительных услуг</h2>
<h3>Управление дополнительными продажами</h3>
<p>Битрикс24 помогает увеличить доходность через продажу дополнительных услуг:</p>
<ul>
<li><strong>Трансферы:</strong> заказ такси и встречи в аэропорту</li>
<li><strong>Экскурсии:</strong> продажа туристических программ</li>
<li><strong>Спа-услуги:</strong> бронирование процедур</li>
<li><strong>Ресторан:</strong> резервирование столиков</li>
</ul>
<h3>Программа лояльности</h3>
<p>Через CRM можно реализовать систему скидок и бонусов:</p>
<ul>
<li>Накопительные скидки для постоянных гостей</li>
<li>Бонусы за рекомендации новых клиентов</li>
<li>Специальные предложения в дни рождения</li>
<li>Сезонные акции и промокоды</li>
</ul>
<h2>Безопасность и соответствие требованиям</h2>
<h3>Защита персональных данных</h3>
<p>Битрикс24 соответствует требованиям российского законодательства о защите персональных данных:</p>
<ul>
<li>Данные хранятся на серверах в России</li>
<li>Настройка прав доступа для каждого сотрудника</li>
<li>Журнал действий пользователей</li>
<li>Резервное копирование данных</li>
</ul>
<h3>Интеграция с государственными системами</h3>
<p>Возможность интеграции с системами учета и контроля:</p>
<ul>
<li>Передача данных в налоговую службу</li>
<li>Учет иностранных граждан</li>
<li>Статистическая отчетность</li>
</ul>
<h2>Стоимость и тарифные планы</h2>
<h3>Выбор подходящего тарифа</h3>
<p>Для отелей рекомендуются следующие тарифы:</p>
<ul>
<li><strong>Малые отели (до 20 номеров):</strong> тариф &#171;Стандарт&#187;</li>
<li><strong>Средние отели (20-50 номеров):</strong> тариф &#171;Профессиональный&#187;</li>
<li><strong>Крупные отели (50+ номеров):</strong> тариф &#171;Энтерпрайз&#187;</li>
</ul>
<h3>Расчет окупаемости</h3>
<p>Внедрение Битрикс24 в отеле окупается за счет:</p>
<ul>
<li>Увеличения конверсии заявок на 15-25%</li>
<li>Роста повторных бронирований на 20-30%</li>
<li>Снижения времени на обработку заявок на 40%</li>
<li>Увеличения продаж дополнительных услуг на 35%</li>
</ul>
<h2>Кейс: внедрение в отеле &#171;Пример&#187;</h2>
<h3>Исходная ситуация</h3>
<p>Отель на 35 номеров с загрузкой 60% и средним чеком 4500 рублей. Основные проблемы:</p>
<ul>
<li>Потеря заявок из-за медленной обработки</li>
<li>Отсутствие контроля доступности номеров</li>
<li>Низкий процент повторных бронирований</li>
<li>Неэффективная работа с дополнительными услугами</li>
</ul>
<h3>Результаты после внедрения</h3>
<p>Через 6 месяцев использования Битрикс24:</p>
<ul>
<li><strong>Загрузка увеличилась до 78%</strong></li>
<li><strong>Средний чек вырос до 5800 рублей</strong></li>
<li><strong>Конверсия заявок составила 85%</strong></li>
<li><strong>Доля повторных гостей выросла с 15% до 35%</strong></li>
</ul>
<h2>Пошаговая инструкция по внедрению</h2>
<h3>Этап 1: Подготовка (1-2 недели)</h3>
<ol>
<li>Анализ текущих бизнес-процессов отеля</li>
<li>Определение ключевых показателей эффективности</li>
<li>Подготовка данных для переноса</li>
<li>Обучение ключевых сотрудников</li>
</ol>
<h3>Этап 2: Базовая настройка (2-3 недели)</h3>
<ol>
<li>Создание структуры отделов и пользователей</li>
<li>Настройка воронки продаж</li>
<li>Импорт базы существующих гостей</li>
<li>Настройка пользовательских полей</li>
</ol>
<h3>Этап 3: Интеграции (2-4 недели)</h3>
<ol>
<li>Подключение платежных систем</li>
<li>Интеграция с сайтом отеля</li>
<li>Настройка синхронизации с booking-площадками</li>
<li>Подключение телефонии</li>
</ol>
<h3>Этап 4: Тестирование и запуск (1-2 недели)</h3>
<ol>
<li>Тестирование всех бизнес-процессов</li>
<li>Обучение всех сотрудников</li>
<li>Постепенный перевод процессов в систему</li>
<li>Контроль и корректировка настроек</li>
</ol>
<h2>Типичные ошибки при внедрении</h2>
<h3>Ошибки планирования</h3>
<ul>
<li><strong>Недооценка времени на обучение персонала</strong></li>
<li><strong>Попытка автоматизировать неэффективные процессы</strong></li>
<li><strong>Отсутствие четкого технического задания</strong></li>
<li><strong>Игнорирование мнения конечных пользователей</strong></li>
</ul>
<h3>Технические ошибки</h3>
<ul>
<li><strong>Неправильная настройка прав доступа</strong></li>
<li><strong>Избыточное количество пользовательских полей</strong></li>
<li><strong>Отсутствие резервного копирования данных</strong></li>
<li><strong>Неоптимальная структура воронки продаж</strong></li>
</ul>
<h2>Дополнительные модули и расширения</h2>
<h3>Полезные приложения из Битрикс24.Маркет</h3>
<p>Для отелей рекомендуются следующие дополнения:</p>
<ul>
<li><strong>&#171;Календарь бронирований&#187;:</strong> визуальное планирование загрузки</li>
<li><strong>&#171;Управление номерами&#187;:</strong> детальный контроль номерного фонда</li>
<li><strong>&#171;Интеграция с 1С&#187;:</strong> синхронизация с учетными системами</li>
<li><strong>&#171;Отчеты для отелей&#187;:</strong> специализированная аналитика</li>
</ul>
<h3>Разработка индивидуальных решений</h3>
<p>При необходимости можно создать специализированные модули:</p>
<ul>
<li>Интеграция с системой контроля доступа</li>
<li>Автоматизация работы ресторана</li>
<li>Управление конференц-залами</li>
<li>Система обратной связи гостей</li>
</ul>
<h2>Обучение персонала</h2>
<h3>Программа обучения администраторов</h3>
<p>Для эффективного использования системы необходимо провести обучение:</p>
<ul>
<li><strong>Базовые принципы работы с CRM</strong></li>
<li><strong>Обработка входящих заявок</strong></li>
<li><strong>Ведение базы гостей</strong></li>
<li><strong>Создание и отправка коммерческих предложений</strong></li>
<li><strong>Работа с отчетами и аналитикой</strong></li>
</ul>
<h3>Обучение управленческого звена</h3>
<p>Руководители отеля должны освоить:</p>
<ul>
<li>Настройку бизнес-процессов</li>
<li>Анализ ключевых показателей</li>
<li>Управление правами доступа</li>
<li>Планирование и контроль задач</li>
</ul>
<h2>Поддержка и сопровождение</h2>
<h3>Техническая поддержка</h3>
<p>Битрикс24 предоставляет различные каналы поддержки:</p>
<ul>
<li><strong>Онлайн-чат:</strong> быстрые ответы на вопросы</li>
<li><strong>Телефонная поддержка:</strong> консультации по настройке</li>
<li><strong>База знаний:</strong> подробные инструкции</li>
<li><strong>Видеоуроки:</strong> обучающие материалы</li>
</ul>
<h3>Партнерская поддержка</h3>
<p>Для сложных проектов рекомендуется работа с сертифицированными партнерами:</p>
<ul>
<li>Консультации по оптимизации процессов</li>
<li>Техническое сопровождение</li>
<li>Разработка индивидуальных решений</li>
<li>Обучение и сертификация сотрудников</li>
</ul>
<h2>Заключение</h2>
<p>Битрикс24 представляет собой комплексное решение для автоматизации гостиничного бизнеса. Правильная настройка и использование системы позволяет значительно повысить эффективность работы отеля, увеличить доходность и улучшить качество обслуживания гостей. Ключевыми преимуществами являются автоматизация процесса бронирования, эффективное управление номерным фондом, детальная аналитика и возможность интеграции с внешними системами.</p>
<p>Успешное внедрение требует комплексного подхода: от анализа текущих процессов до обучения персонала. Инвестиции в автоматизацию окупаются за счет увеличения конверсии, роста повторных бронирований и оптимизации операционных процессов.</p>
<p><strong>Наша компания предоставляет полный спектр услуг по внедрению и настройке Битрикс24 для отелей.</strong> Мы поможем проанализировать ваши бизнес-процессы, настроить систему под специфику вашего отеля, провести интеграции с необходимыми сервисами и обучить персонал. Наш опыт работы с гостиничным бизнесом позволяет гарантировать результат и быструю окупаемость инвестиций в автоматизацию.</p>
<p>Обращайтесь к нам за консультацией по внедрению Битрикс24 в вашем отеле – мы поможем сделать ваш бизнес более эффективным и прибыльным.</p><p>Сообщение <a href="https://b24.org.ru/bitriks24-dlya-otelya-v-2025-instruktsiya-po/">Битрикс24 для отеля в 2026: инструкция по настройке и использованию CRM в гостиничном бизнесе</a> появились сначала на <a href="https://b24.org.ru">Битрикс24</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://b24.org.ru/bitriks24-dlya-otelya-v-2025-instruktsiya-po/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Интеграция 1С:Отель с Битрикс24 в 2026: инструкция по настройке и возможности</title>
		<link>https://b24.org.ru/integratsiya-1sotel-s-bitriks24-v-2025/</link>
					<comments>https://b24.org.ru/integratsiya-1sotel-s-bitriks24-v-2025/#respond</comments>
		
		<dc:creator><![CDATA[Дмитрий Некрасов]]></dc:creator>
		<pubDate>Mon, 07 Jul 2025 03:50:17 +0000</pubDate>
				<category><![CDATA[Блог]]></category>
		<category><![CDATA[1с битрикс24]]></category>
		<category><![CDATA[1С интеграция]]></category>
		<category><![CDATA[1С Отель]]></category>
		<category><![CDATA[CRM для отелей]]></category>
		<category><![CDATA[автоматизация отеля]]></category>
		<category><![CDATA[гостиничный бизнес]]></category>
		<category><![CDATA[управление бронированием]]></category>
		<guid isPermaLink="false">https://b24.org.ru/integratsiya-1sotel-s-bitriks24-v-2025/</guid>

					<description><![CDATA[<p>Пошаговая инструкция по интеграции 1С:Отель с Битрикс24. Автоматизация бронирования, управление клиентами и повышение эффективности отеля.</p>
<p>Сообщение <a href="https://b24.org.ru/integratsiya-1sotel-s-bitriks24-v-2025/">Интеграция 1С:Отель с Битрикс24 в 2026: инструкция по настройке и возможности</a> появились сначала на <a href="https://b24.org.ru">Битрикс24</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Управление современным отелем требует эффективной автоматизации всех процессов — от бронирования номеров до работы с клиентами. Интеграция системы управления отелем 1С:Отель с CRM-платформой Битрикс24 позволяет создать единую экосистему для полного контроля над гостиничным бизнесом. В этой статье разберем, как настроить интеграцию между системами, какие возможности она открывает и как максимально эффективно использовать этот союз.</p>
<h2>Что такое 1С:Отель и зачем интегрировать с Битрикс24</h2>
<p>1С:Отель — это специализированная конфигурация 1С:Предприятие, предназначенная для автоматизации деятельности гостиничных предприятий. Система управляет:</p>
<ul>
<li>Бронированием номеров и планированием загрузки</li>
<li>Регистрацией гостей и ведением документооборота</li>
<li>Управлением номерным фондом</li>
<li>Финансовыми операциями и отчетностью</li>
<li>Складским учетом и закупками</li>
</ul>
<p><strong>Битрикс24</strong> дополняет функциональность 1С:Отель мощными инструментами для:</p>
<ul>
<li>Управления взаимоотношениями с клиентами (CRM)</li>
<li>Маркетинговых кампаний и привлечения гостей</li>
<li>Коммуникаций с клиентами через различные каналы</li>
<li>Автоматизации бизнес-процессов</li>
<li>Аналитики и отчетности</li>
</ul>
<h2>Преимущества интеграции 1С:Отель с Битрикс24</h2>
<h3>Единая база клиентов</h3>
<p>Интеграция обеспечивает синхронизацию данных о гостях между системами. Информация о постояльцах, их предпочтениях, истории бронирований и финансовых операциях становится доступной в обеих системах в режиме реального времени.</p>
<h3>Автоматизация процессов бронирования</h3>
<p>Заявки на бронирование, поступающие через различные каналы в Битрикс24, автоматически передаются в 1С:Отель для обработки и подтверждения. Это исключает дублирование работы и снижает вероятность ошибок.</p>
<h3>Улучшенная аналитика</h3>
<p>Объединение данных из обеих систем позволяет получить полную картину эффективности отеля: от показателей загрузки до результативности маркетинговых кампаний.</p>
<h3>Персонализированный сервис</h3>
<p>Доступ к полной истории взаимодействий с гостем позволяет персоналу предоставлять более качественный и персонализированный сервис.</p>
<h2>Способы интеграции 1С:Отель и Битрикс24</h2>
<h3>Стандартный REST API</h3>
<p>Наиболее распространенный способ интеграции использует REST API обеих систем. Данные передаются через защищенные HTTP-запросы в формате JSON.</p>
<p><strong>Преимущества:</strong></p>
<ul>
<li>Высокая надежность и безопасность</li>
<li>Гибкость настройки обмена данными</li>
<li>Возможность реализации сложной бизнес-логики</li>
</ul>
<h3>Файловый обмен</h3>
<p>Системы могут обмениваться данными через файлы в форматах XML или CSV. Этот способ подходит для периодической синхронизации больших объемов данных.</p>
<h3>Веб-сервисы</h3>
<p>Использование SOAP или REST веб-сервисов для обмена данными в режиме реального времени. Подходит для критически важных операций, требующих немедленной синхронизации.</p>
<h2>Пошаговая инструкция по настройке интеграции</h2>
<h3>Этап 1: Подготовка систем</h3>
<p><strong>В 1С:Отель:</strong></p>
<ol>
<li>Убедитесь, что используется актуальная версия конфигурации</li>
<li>Настройте веб-сервер для публикации веб-сервисов</li>
<li>Создайте пользователя для интеграции с необходимыми правами</li>
<li>Активируйте HTTP-сервисы в настройках системы</li>
</ol>
<p><strong>В Битрикс24:</strong></p>
<ol>
<li>Получите права администратора для настройки интеграции</li>
<li>Создайте локальное приложение для интеграции</li>
<li>Настройте webhook для получения данных от 1С</li>
<li>Подготовьте пользовательские поля для хранения данных отеля</li>
</ol>
<h3>Этап 2: Настройка обмена данными</h3>
<p><strong>Синхронизация справочников:</strong></p>
<ul>
<li>Типы номеров и их характеристики</li>
<li>Тарифные планы и цены</li>
<li>Дополнительные услуги</li>
<li>Справочник клиентов</li>
</ul>
<p><strong>Настройка обмена документами:</strong></p>
<ul>
<li>Брони и их статусы</li>
<li>Заселения и выселения</li>
<li>Счета и документы оплаты</li>
<li>Заявки на дополнительные услуги</li>
</ul>
<h3>Этап 3: Программирование интеграции</h3>
<p><strong>Создание обработчиков событий в 1С:</strong></p>
<p>Необходимо создать обработчики, которые будут отслеживать изменения в ключевых документах и справочниках, и передавать их в Битрикс24.</p>
<p><strong>Настройка автоматизации в Битрикс24:</strong></p>
<p>Создайте роботов и триггеры для автоматической обработки входящих данных от 1С:Отель и выполнения необходимых действий.</p>
<h3>Этап 4: Тестирование и отладка</h3>
<p>Проведите полное тестирование интеграции:</p>
<ul>
<li>Создайте тестовые брони в обеих системах</li>
<li>Проверьте синхронизацию данных клиентов</li>
<li>Убедитесь в корректности передачи финансовых данных</li>
<li>Протестируйте работу в условиях высокой нагрузки</li>
</ul>
<h2>Сценарии использования интеграции</h2>
<h3>Автоматизация процесса бронирования</h3>
<p>Клиент отправляет заявку через сайт отеля или звонит в службу бронирования. Заявка автоматически создается в Битрикс24 как лид, затем передается в 1С:Отель для проверки доступности номеров и создания брони.</p>
<h3>Управление лояльностью клиентов</h3>
<p>История всех взаимодействий с гостем сохраняется в Битрикс24. Это позволяет:</p>
<ul>
<li>Отправлять персонализированные предложения</li>
<li>Поздравлять с днем рождения и важными датами</li>
<li>Предлагать специальные условия постоянным клиентам</li>
<li>Проводить опросы удовлетворенности</li>
</ul>
<h3>Маркетинговые кампании</h3>
<p>Используя данные о предпочтениях гостей из 1С:Отель, можно создавать целевые маркетинговые кампании в Битрикс24:</p>
<ul>
<li>Email-рассылки с предложениями</li>
<li>SMS-уведомления о специальных акциях</li>
<li>Ретаргетинговые кампании в социальных сетях</li>
</ul>
<h3>Аналитика и отчетность</h3>
<p>Интеграция позволяет создавать комплексные отчеты:</p>
<ul>
<li>Эффективность каналов бронирования</li>
<li>Средний чек и lifetime value клиентов</li>
<li>Сезонность и тренды бронирований</li>
<li>ROI маркетинговых кампаний</li>
</ul>
<h2>Настройка автоматизации бизнес-процессов</h2>
<h3>Автоматическое создание задач</h3>
<p>При поступлении новой брони система может автоматически создавать задачи для различных отделов:</p>
<ul>
<li>Подготовка номера для службы housekeeping</li>
<li>Уведомление ресепшена о VIP-гостях</li>
<li>Заказ трансфера для гостей</li>
<li>Подготовка welcome-пакета</li>
</ul>
<h3>Управление жалобами и обращениями</h3>
<p>Все обращения гостей, поступающие через различные каналы, централизованно обрабатываются в Битрикс24 с автоматической передачей информации ответственным сотрудникам.</p>
<h2>Мобильная интеграция</h2>
<p>Мобильное приложение Битрикс24 позволяет сотрудникам отеля:</p>
<ul>
<li>Получать уведомления о новых бронях</li>
<li>Просматривать информацию о гостях</li>
<li>Обновлять статусы задач</li>
<li>Фиксировать обращения гостей</li>
</ul>
<h2>Безопасность интеграции</h2>
<h3>Шифрование данных</h3>
<p>Все данные при передаче между системами должны быть зашифрованы с использованием протокола HTTPS и современных алгоритмов шифрования.</p>
<h3>Аутентификация и авторизация</h3>
<p>Настройте многоуровневую систему доступа:</p>
<ul>
<li>Отдельные учетные записи для интеграции</li>
<li>Ограничение IP-адресов для доступа</li>
<li>Регулярная смена паролей и ключей API</li>
<li>Логирование всех операций обмена данными</li>
</ul>
<h2>Мониторинг и обслуживание</h2>
<h3>Системы мониторинга</h3>
<p>Необходимо настроить автоматический мониторинг:</p>
<ul>
<li>Доступности веб-сервисов</li>
<li>Времени отклика систем</li>
<li>Ошибок синхронизации</li>
<li>Объема передаваемых данных</li>
</ul>
<h3>Резервное копирование</h3>
<p>Регулярное резервное копирование настроек интеграции и логов операций обеспечивает быстрое восстановление в случае сбоев.</p>
<h2>Стоимость и окупаемость проекта</h2>
<h3>Затраты на внедрение</h3>
<p>Основные статьи расходов:</p>
<ul>
<li>Разработка и настройка интеграции</li>
<li>Обучение персонала</li>
<li>Лицензии на программное обеспечение</li>
<li>Техническое сопровождение</li>
</ul>
<h3>Экономический эффект</h3>
<p>Интеграция обеспечивает:</p>
<ul>
<li>Снижение трудозатрат на рутинные операции на 30-40%</li>
<li>Увеличение точности данных и снижение ошибок</li>
<li>Повышение качества обслуживания клиентов</li>
<li>Рост эффективности маркетинговых кампаний</li>
</ul>
<h2>Типичные ошибки при внедрении</h2>
<h3>Недостаточная подготовка данных</h3>
<p>Перед началом интеграции необходимо:</p>
<ul>
<li>Провести аудит существующих данных</li>
<li>Очистить дубликаты и некорректные записи</li>
<li>Стандартизировать форматы данных</li>
<li>Создать резервные копии</li>
</ul>
<h3>Игнорирование пользовательского опыта</h3>
<p>Важно учесть потребности конечных пользователей:</p>
<ul>
<li>Провести интервью с сотрудниками</li>
<li>Создать удобные интерфейсы</li>
<li>Предусмотреть обучение персонала</li>
<li>Организовать техническую поддержку</li>
</ul>
<h2>Перспективы развития интеграции</h2>
<h3>Искусственный интеллект</h3>
<p>Внедрение ИИ-решений позволит:</p>
<ul>
<li>Прогнозировать спрос на номера</li>
<li>Автоматически оптимизировать цены</li>
<li>Персонализировать предложения для гостей</li>
<li>Анализировать отзывы и настроения клиентов</li>
</ul>
<h3>Интеграция с IoT-устройствами</h3>
<p>Подключение умных устройств в номерах позволит:</p>
<ul>
<li>Автоматически контролировать состояние номеров</li>
<li>Управлять климатом и освещением</li>
<li>Отслеживать потребление ресурсов</li>
<li>Предоставлять дополнительные сервисы гостям</li>
</ul>
<h2>Заключение</h2>
<p>Интеграция 1С:Отель с Битрикс24 представляет собой мощное решение для комплексной автоматизации гостиничного бизнеса. Правильно настроенная интеграция обеспечивает синхронизацию данных, автоматизацию бизнес-процессов и улучшение качества обслуживания гостей.</p>
<p>Ключевые преимущества интеграции включают единую базу клиентов, автоматизацию процессов бронирования, улучшенную аналитику и возможность персонализированного сервиса. Успешное внедрение требует тщательной подготовки, правильной настройки и обучения персонала.</p>
<p><strong>Наша компания предоставляет полный спектр услуг по настройке и внедрению Битрикс24</strong>, включая интеграцию с 1С:Отель. Мы поможем вам создать эффективную систему управления отелем, которая повысит производительность, улучшит качество обслуживания и увеличит прибыльность вашего бизнеса. Обращайтесь к нашим специалистам для получения индивидуальной консультации и разработки оптимального решения для вашего отеля.</p>
<p>Сообщение <a href="https://b24.org.ru/integratsiya-1sotel-s-bitriks24-v-2025/">Интеграция 1С:Отель с Битрикс24 в 2026: инструкция по настройке и возможности</a> появились сначала на <a href="https://b24.org.ru">Битрикс24</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://b24.org.ru/integratsiya-1sotel-s-bitriks24-v-2025/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
