Как добавить PDF значок в Squarespace

В Squarespace есть важная разница между ссылкой на PDF и его встраиванием. Обычная ссылка позволяет посетителям открыть PDF в новой вкладке или скачать его, из-за чего они уходят с твоей страницы. При встраивании документ отображается прямо на странице, поэтому его можно просматривать, не покидая сайт. 

С помощью бесплатного сервиса Smallpdf инструмента «Вставить PDF», ты можешь легко показать PDF прямо на странице, не уводя посетителей в другое место. Сейчас покажем как.

Правда, всё просто? И что особенно удобно: ты можешь добавлять сколько угодно ссылок или обновлять существующие файлы. Просто повтори эти шаги ещё раз и посмотри, как меняется твой сайт.

Есть несколько способов добавить PDF-файлы на сайт Squarespace. Каждый работает по-своему, поэтому давай разберёмся, когда использовать тот или иной вариант:

Инструмент Smallpdf «Вставить PDF»

• Что это такое: Наш бесплатный инструмент генерирует код встраивания, который показывает твой PDF-файл прямо на странице.

• Когда использовать: Лучше всего подходит, если ты хочешь, чтобы посетители просматривали PDF прямо на сайте Squarespace, не открывая новую вкладку. Идеально для брошюр, меню или справочных файлов, когда важно оставаться на странице.

• Плюсы: Показывает PDF-файлы прямо на сайте. Работает с PDF-файлами любого размера. Включает встроенные функции безопасности.

• Минусы: Нужно скопировать и вставить HTML-код в блок «Код».

Встроенная ссылка на файл в Squarespace (кнопка или текст)

• Что это такое: Загрузи свой PDF-файл прямо в Squarespace и создай ссылку или кнопку для скачивания.

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

• Плюсы: Не нужны внешние инструменты. Простой процесс загрузки. Аккуратно вписывается в дизайн Squarespace.

• Минусы: Ограничение размера файла — 20 МБ. Файлы открываются в новой вкладке для скачивания, а не для просмотра прямо на странице. Посетители не могут их редактировать.

Слайд-шоу галереи (изображения из твоего PDF-файла)

• Что это такое: Преобразуй страницы PDF в изображения и покажи их в галерее Squarespace.

• Когда использовать: Отлично подходит для визуальных документов, например портфолио, каталогов или презентаций, когда тебе нужен аккуратный вид галереи.

• Плюсы: Красивое визуальное оформление. Быстрая загрузка. Галереи, удобные для мобильных устройств.

• Минусы: Текст нельзя искать или выделять. Нужен дополнительный шаг: преобразовать PDF в изображения. Нет возможности скачать исходный PDF-файл.

Давай разберём весь процесс добавления PDF-файла на сайт Squarespace с помощью инструмента Smallpdf.

Сгенерируй код просмотрщика в Smallpdf

1. Перейди в наш инструмент «Вставить PDF» и вставь URL-адрес своего PDF-файла в поле.

2. Скопируй сгенерированный код встраивания, нажав «Копировать код».

3. В редакторе Squarespace наведи курсор на область, где хочешь разместить PDF-файл, и нажми значок «+».

4. Выбери «Код» в меню блоков контента. Именно сюда нужно вставить HTML-код.

5. Вставь скопированный код и нажми «Применить».

Проверь размещение и поведение (новая вкладка или просмотр на странице)

1. Открой предпросмотр страницы, чтобы посмотреть, как отображается и работает PDF-файл.

2. Проверь и версию для компьютера, и мобильную версию. Встроенные просмотрщики адаптивны и подстраиваются под размер экрана.

3. Если нужно, перетащи блок с PDF-файлом и размести его в любом месте страницы.

Прежде чем углубляться в настройку PDF, вот что тебе нужно знать о том, как Squarespace работает с файлами по умолчанию:

• Ограничение размера файла: Squarespace ограничивает размер загружаемого файла до 20 МБ.

• Поддерживаемые форматы: Поддерживаются PDF, DOC, DOCX, TXT и большинство распространённых типов файлов.

• Поведение при открытии: Обычные ссылки на файлы в Squarespace обычно открываются в новых вкладках для скачивания.

• Хостинг на CDN: Сеть доставки контента (CDN) Squarespace размещает твои файлы для быстрого доступа по всему миру.

• URL-адреса файлов: После загрузки файлы получают постоянные URL-адреса, на которые можно ссылаться откуда угодно.

• Мобильный опыт: На мобильных устройствах скачивание файлов работает по-разному. На одних устройствах доступен предпросмотр в браузере, на других файл сразу скачивается.

Если ты упираешься в лимит 20 МБ или хочешь больше контроля над тем, как отображаются PDF-файлы, инструмент встраивания Smallpdf даёт больше возможностей.

Хотя встроенная загрузка файлов в Squarespace отлично подходит для простых скачиваний, инструмент встраивания Smallpdf даёт несколько преимуществ, которые могут улучшить опыт пользователей на твоём сайте:

• Без ограничений по размеру файла: Встраивай PDF-файлы любого размера, не думая о лимите Squarespace в 20 МБ.

• Просмотр на странице: Показывай PDF-файлы прямо на странице, чтобы посетители могли читать их, не покидая сайт.

• Лучшая вовлечённость: Встроенные PDF-файлы удерживают посетителей на странице, что помогает сократить лишние переходы away from your content.

• Безопасный просмотр: Ты получаешь встроенные инструменты конфиденциальности и безопасный доступ без принудительного немедленного скачивания.

• Оптимизация для мобильных устройств: Адаптивные вставки плавно подстраиваются под разные устройства.

• Единый стиль бренда: PDF-файлы отображаются внутри макета сайта, а не открываются в отдельной вкладке браузера.

Хочешь, чтобы PDF-файлы быстро загружались и хорошо выглядели? Вот несколько советов по оптимизации:

• Сжимай перед загрузкой: Используй наш инструмент «Сжать PDF» чтобы уменьшить размер файлов без потери качества.

• Используй понятные имена файлов: «2024-product-catalog.pdf» лучше, чем «document1.pdf», и для пользователей, и для поисковых систем.

• Проверяй адаптивность на мобильных устройствах: Всегда проверяй, как твои PDF-файлы отображаются на телефонах и планшетах.

• Подумай об отложенной загрузке: Размещай большие PDF-файлы ниже на странице, чтобы они не замедляли её первоначальную загрузку.

• Оптимизируй для поиска: PDF-файлы с текстом, по которому можно искать, работают лучше. Наша OCR функция может помочь со сканированными документами

• Добавляй контекст: Добавь краткое описание каждого PDF-файла, чтобы посетители понимали, чего ожидать

С полным набором из 30+ PDF-инструментов Smallpdf у тебя будет всё необходимое для работы с PDF до и после использования инструмента «Вставить PDF» для показа файлов на сайте.

Чтобы подготовить PDF-файл, тебе не нужно ничего устанавливать или входить в систему. После встраивания посетители смогут просматривать документ прямо на сайте или при необходимости скачать копию.

Нужно обновить PDF-файл, который уже встроен на сайт? В этом и есть главное преимущество встраивания по URL:

• Обнови исходный PDF-файл по тому же URL-адресу

• Встроенная версия автоматически отразит изменения, поэтому обновлять коды встраивания не придётся.

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

• Макет и дизайн страницы останутся без изменений, а контент обновится без лишних действий.

Такой подход к контролю версий экономит массу времени по сравнению с повторной загрузкой файлов и обновлением множества ссылок по всему сайту.