Контакты

Как создать яндекс карту

Идем на сайт яндекс Конструктор карт. Создаем свою карту, получаем код такого формата:
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A7a42e6963d35dbcb2e0d59857875f0689ab2ec22150ede7220bc6d6652262f1c&amp;width=100%&amp;height=300&amp;lang=ru_RU&amp;scroll=true"></script>

Меняем ширину на 100% и высоту задаем в районе 300, зависит от текста и как хотели вы по высоте (width=100%&amp;height=300).
Потом вставляем код, который выше, вместо предложенных вариантов внизу.

Вариант 1

<p>«InSale» — сеть магазинов премиальной бытовой техники и электроники для дома. Уже 28 лет предлагаем покупателям продукцию всемирно известных брендов. Сведения о товарах и ценах носят исключительно информационный характер и не являются публичной офертой.</p>
<div class="p-contacts-v2">
    <div class="p-contacts-v2__item">
        <div class="p-contacts-v2__icon">
            <svg class="icon20 i-phone"><use xlink:href="#i-phone"></use></svg>
        </div>
        <div class="p-contacts-v2__info">
            <div class="p-contacts-v2__title">Телефон</div>
            <div class="p-contacts-v2__text p-contacts-v2__phone">
                <a href="tel:+7 999 999-99-99">+7 999 999-99-99</a><br />
                <a href="tel:+7 999 999-99-99">+7 999 999-99-99</a>
            </div>
        </div>
	</div>
    <div class="p-contacts-v2__item">
        <div class="p-contacts-v2__icon">
            <svg class="icon20 i-phone"><use xlink:href="#i-email"></use></svg>
        </div>
        <div class="p-contacts-v2__info">
            <div class="p-contacts-v2__title">Эл. адрес</div>
            <div class="p-contacts-v2__text">
                <a href="mailto:insale@steemy.ru">insale@steemy.ru</a>
            </div>
        </div>
    </div>
    <div class="p-contacts-v2__item">
        <div class="p-contacts-v2__icon">
         <svg class="icon20 i-phone"><use xlink:href="#i-clock"></use></svg>
        </div>
        <div class="p-contacts-v2__info">
            <div class="p-contacts-v2__title">Режим работы</div>
            <div class="p-contacts-v2__text">
                Пн-Пт 9:00—23:00;<br />
                Сб-Вс 10:00-20:00
            </div>
        </div>
    </div>
    <div class="p-contacts-v2__item">
        <div class="p-contacts-v2__icon">
            <svg class="icon20 i-phone"><use xlink:href="#i-address"></use></svg>
        </div>
        <div class="p-contacts-v2__info">
            <div class="p-contacts-v2__title">Адрес</div>
            <div class="p-contacts-v2__text">
                г. Санкт-Петербург,<br />проспект Ленина, 68, оф. 2
            </div>
        </div>
    </div>
</div>

<div class="p-contacts-maps">
	<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A7a42e6963d35dbcb2e0d59857875f0689ab2ec22150ede7220bc6d6652262f1c&amp;width=100%&amp;height=300&amp;lang=ru_RU&amp;scroll=true"></script>
</div>

«InSale» — сеть магазинов премиальной бытовой техники и электроники для дома. Уже 28 лет предлагаем покупателям продукцию всемирно известных брендов. Сведения о товарах и ценах носят исключительно информационный характер и не являются публичной офертой.

Вариант 2

<p>«InSale» — сеть магазинов премиальной бытовой техники и электроники для дома. Уже 28 лет предлагаем покупателям продукцию всемирно известных брендов. Сведения о товарах и ценах носят исключительно информационный характер и не являются публичной офертой.</p>
<div class="p-contacts-v1">
    <div class="p-contacts-v1__left">
        <div class="p-contacts-v1__title">Наши контакты</div>
        <div class="f-contact">
            <div class="f-contact__item">
                <div class="f-contact__item-icon">
                    <svg class="icon16 i-phone"><use xlink:href="#i-phone"></use></svg>
                </div>
                <div class="f-contact__item-text f-contact__item-phone">
                    <a href="tel:+7 999 999-99-99">+7 999 999-99-99</a>; <a href="tel:+7 999 999-99-99">+7 999 999-99-99</a>
                </div>
            </div>
            <div class="f-contact__item">
                <div class="f-contact__item-icon">
                    <svg class="icon16 i-address"><use xlink:href="#i-address"></use></svg>
                </div>
                <div class="f-contact__item-text">
                    г. Санкт-Петербург, проспект Ленина, 68, оф. 2
                </div>
            </div>
            <div class="f-contact__item">
                <div class="f-contact__item-icon">
                    <svg class="icon16 i-email"><use xlink:href="#i-email"></use></svg>
                </div>
                <div class="f-contact__item-text">
                    <a href="mailto:insale@steemy.ru">insale@steemy.ru</a>
                </div>
            </div>
            <div class="f-contact__item">
                <div class="f-contact__item-icon">
                    <svg class="icon16 i-clock"><use xlink:href="#i-clock"></use></svg>
                </div>
                <div class="f-contact__item-text">
                    Пн-Пт 9:00—23:00; Сб-Вс 10:00-20:00
                </div>
            </div>
        </div>
        <div class="share">
            <a class="share__link" href="tg://resolve?domain=group" target="_blank" style="background-color:#64a9dc;">
                <svg class="icon26 i-tg"><use xlink:href="#i-tg"></use></svg>
            </a>
            <a class="share__link" href="https://api.whatsapp.com/send?phone=+79999999999" target="_blank" style="background-color:#65bc54;">
                <svg class="icon26 i-wat"><use xlink:href="#i-wat"></use></svg>
            </a>
            <a class="share__link" href="viber://chat?number=+79999999999" target="_blank" style="background-color:#7b519d;">
                <svg class="icon24 i-wat"><use xlink:href="#i-vib"></use></svg>
            </a>
        </div>
    </div>
    <div class="p-contacts-v1__right">
        <div class="p-contacts-v1__title">Реквизиты компании</div>
        <div class="p-contacts-v1__text">
            Юридическое лицо: ООО «InSale»<br />
            ОГРН: 9846541234567<br />
            ИНН: 8974651664<br />
            Юридический адрес: 999000, г. Санкт-Петербург, пр-кт Победы, дом № 45, офис 301
        </div>
    </div>
</div>

<div class="p-contacts-maps">
    <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A7a42e6963d35dbcb2e0d59857875f0689ab2ec22150ede7220bc6d6652262f1c&amp;width=100%&amp;height=300&amp;lang=ru_RU&amp;scroll=true"></script>
</div>

«InSale» — сеть магазинов премиальной бытовой техники и электроники для дома. Уже 28 лет предлагаем покупателям продукцию всемирно известных брендов. Сведения о товарах и ценах носят исключительно информационный характер и не являются публичной офертой.

Вариант 3

<p>«InSale» — сеть магазинов премиальной бытовой техники и электроники для дома. Уже 28 лет предлагаем покупателям продукцию всемирно известных брендов. Сведения о товарах и ценах носят исключительно информационный характер и не являются публичной офертой.</p>
<div class="p-contacts-v1">
<div class="p-contacts-v1__left">
    <div class="p-contacts-v1__title">Наши контакты</div>
    <p>Если у вас есть вопросы по товару, доставке или другие вопросы, связанные с работой нашего магазина - звоните нам.</p>
    <div class="f-contact">
        <div class="f-contact__item">
            <div class="f-contact__item-icon">
                <svg class="icon16 i-phone"><use xlink:href="#i-phone"></use></svg>
            </div>
            <div class="f-contact__item-text f-contact__item-phone">
                <strong><a href="tel:+7 999 999-99-99">+7 999 999-99-99</a></strong> - Розничный отдел<br />
                <strong><a href="tel:+7 999 999-99-99">+7 999 999-99-99</a></strong> - Оптовый отдел<br />
                <strong><a href="tel:+7 999 999-99-99">+7 999 999-99-99</a></strong> - Подбор персонала
            </div>
        </div>
        <div class="f-contact__item">
            <div class="f-contact__item-icon">
                <svg class="icon16 i-address"><use xlink:href="#i-address"></use></svg>
            </div>
            <div class="f-contact__item-text">
                г. Санкт-Петербург, проспект Ленина, 68, оф. 2
            </div>
        </div>
        <div class="f-contact__item">
            <div class="f-contact__item-icon">
                <svg class="icon16 i-email"><use xlink:href="#i-email"></use></svg>
            </div>
            <div class="f-contact__item-text">
                <a href="mailto:insale@steemy.ru">insale@steemy.ru</a>
            </div>
        </div>
        <div class="f-contact__item">
            <div class="f-contact__item-icon">
                <svg class="icon16 i-clock"><use xlink:href="#i-clock"></use></svg>
            </div>
            <div class="f-contact__item-text">
                Пн-Пт 9:00—23:00; Сб-Вс 10:00-20:00
            </div>
        </div>
    </div>
    <div class="share">
        <a class="share__link" href="tg://resolve?domain=group" target="_blank" style="background-color:#64a9dc;">
            <svg class="icon26 i-tg"><use xlink:href="#i-tg"></use></svg>
        </a>
        <a class="share__link" href="https://api.whatsapp.com/send?phone=+79999999999" target="_blank" style="background-color:#65bc54;">
            <svg class="icon26 i-wat"><use xlink:href="#i-wat"></use></svg>
        </a>
        <a class="share__link" href="viber://chat?number=+79999999999" target="_blank" style="background-color:#7b519d;">
            <svg class="icon24 i-wat"><use xlink:href="#i-vib"></use></svg>
        </a>
    </div>
</div>
<div class="p-contacts-v1__right">
    <div class="p-contacts-v1__text">
        <div class="p-contacts-maps">
            <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A7a42e6963d35dbcb2e0d59857875f0689ab2ec22150ede7220bc6d6652262f1c&amp;width=100%&amp;height=300&amp;lang=ru_RU&amp;scroll=true"></script>
        </div>
    </div>
</div>
</div>

«InSale» — сеть магазинов премиальной бытовой техники и электроники для дома. Уже 28 лет предлагаем покупателям продукцию всемирно известных брендов. Сведения о товарах и ценах носят исключительно информационный характер и не являются публичной офертой.