11 Oktober 2017

Alona Marchenko AQA Engineer

War dieser Artikel hilfreich?

Tell us your thoughts

Vielen Dank für Ihr Feedback!

Für Sie empfohlen

Wie man eine E-Mail-Vorlage für Outlook mit Stripo erstellt

So fügen Sie einen Countdown-Timer in Ihre E-Mail ein

8 Beispiele für interaktive Inhalte in E-Mails

Teilen mit

57 Kommentare

James Gillis vor 1 Monat

Is it possible to pull data from metadata other than OG? eg. if I wanted to pull the content from how would I go about doing that?

Hanna Kuznietsova vor 2 Wochen

Dear James, Thank you for your question. The article in question offers detailed guidance on extracting content from metadata, not limited to the Open Graph protocol. It may well cover the scenario you're facing with your website. Should you have any lingering questions after reading, or require further assistance, please don't hesitate to get in touch at support@stripo.email, including your website's link. We're eager to help and guide you through extracting data from your site. Best wishes, Hanna.

Dương Hồng Phúc vor 1 Jahr

Hi, is it smart element work with woo-commerce? I cant import my product with smart elements. Here the link: https://droppii.vn/san-pham/nuoc-uong-ho-tro-tieu-duong-more/ I want to take Name, price, description & link. Thanks a lot

Dương Hồng Phúc vor 1 Jahr

Although my website has "og:" tag, but it cannot load the element

Stripo Team vor 1 Jahr

Hello, We opened the link you provided us and the site doesn't load completely. On the screenshot, we caught errors in the console - https://prnt.sc/noRlBcdyhj3r. We tried to connect different Internet connections and also enabled the VPN service. However, it didn’t help. That’s why our system cannot pull data from your site since it does not load to the end for us. Maybe you have another website example?

Arnaud BENEZ vor 1 Jahr

Hello, there is a way to target the href attribute from a bracket? I use the MSO compatibility for my buttons and when i use the variables for adding my url into my html elements (image, link and buttons), that doesn't work for the mso button. Here is the line in question: [..]

Hanna Kuznietsova vor 1 Jahr

Hello, Your line, "Here is the line in question: [..] " If this is supposed to be a link, it doesn', and werk, we can't click on it, sorry. Code for MSO buttons is an HTML comment, and as far as I know, Smart Elements does not work with HTML comments, they handle tags only. Would you provide us with a link to your product so we can check if it is compatible with the Smart Elements option? Thank you.

Arnaud BENEZ vor 1 Jahr

from a v:roundrect brack. Sorry I encounter some difficulties :'(

Phúc Dương vor 2 Jahren

Hello, please help pulling main photo, price, name from: https://selly.vn/product/6225745b9da17eda62fb290e I have tried many ways with instruction but it was not worked

Alexander Zelenskiy vor 1 Jahr

Hello, I want to bring to your attention that smart elements aren't the universal solution for all possible cases. Unfortunately, some sites don't allow get information from them using smart containers, as it happens with this site I assume.

Jose Basto vor 2 Jahren

Hello, please help pulling main photo, price and name from: https://loja.misterpc.pt/DELL-LATITUDE-E6330-13.3-i5-3320m-6GB-120GB-SSD-OFERTA-DE-MALA Thanks.

Aleksandr Zelenskiy vor 2 Jahren

Hello, You can try to get the image, name, and price via the next external attributes: - image CSS selector meta[property='og:image'] Attribute content https://skr.sh/s8mMuXxz6cF - name CSS selector .title-product https://skr.sh/s8mWqjDYnJ5 - price CSS selector .price-new https://skr.sh/s8msNx9lVA6

АромаАп Парфюмерия vor 3 Jahren

Добрый день! Какие данные нужны, чтобы вытянуть картинку(основное фото), цену и название с конкретным объемом со страницы подобного типа https://aromaup.ru/parfyumeriya/muzhskie-duhi/banana-republic-wildblue-noir/ ? Заранее спасибо

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. С данного сайта получилось извлечь картинку, цену и название используя следующие внешние селекторы: .ty-product-block-title для названия - http://prntscr.com/117725t meta[itemprop="price"] и content атрибут для цены - http://prntscr.com/11771un meta[property="og:image"] и content атрибут для картинки - http://prntscr.com/11772iw Пожалуйста, обратите внимание что данный сайт использует изображения в формате webp. Они могут не отображаться в некоторых почтовых сервисам. Мы используем jpg, png и gif изображения как наиболее кросс-платформенные.

АромаАп Парфюмерия vor 3 Jahren

Александр, мы сменили фото на формат jpg. Помогите, пожалуйста, еще с парой моментов. 1 - https://prnt.sc/117chj6 вы можете указать параметры для получения этого фото? А то мы очень тяжелое фото детализированное получили пердыдущим способом. 2. Как получить текст с объемом отсюда https://prnt.sc/117ckt3 ?Именно от первой строки(вариация товара с объемом) в карточке

Aleksandr Zelenskiy vor 3 Jahren

1. Насколько я могу судить, картинка с меньшим разрешением на данном сайте не содержит каких-то уникальных классов. Классы использующиеся для изображении применяются на странице множество раз - http://prntscr.com/117ded6. Поэтому будет сложно получить значение именно из нужного тега. Если тег данной картинки будет содержать какой-то уникальный класс (не повторяющийся на странице) или ID это может помочь. 2. Можно попробовать использовать .ty-product-options-content > a > strong селектор Однако, как я понимаю тут похожая ситуация с первым пунктом, т.к. для данного элемента не используются уникальные классы и селекторы получают все значения доступные для данного класса - http://prntscr.com/117djoz

АромаАп Парфюмерия vor 3 Jahren

Спасибо за помощь! Видимо, придется в отдельном формате фото выводить под это дело

Владимир Трепак vor 3 Jahren

День добрый. Помогите пожалуйста с селекторами для картинки. Пробовал селекторы в контейнере с картинкой не работает. https://iherb.in.ua/houston-enzymes-trienza-90-kapsul.html

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. По данной ссылке удалось получить картинку используя следующие CSS селекторы: внутренний .adapt-img и атрибут src http://prntscr.com/10ou3ms внешний .imagezoom и атрибут href http://prntscr.com/10ou6g8

Александр Бондаренко vor 3 Jahren

Добрый день! Вот есть товар https://fitomarket.com.ua/pravenor-forte-kaps-60 . Атрибут href, а CSS-селектор какой использовать?

Ruslan Trepukhalov vor 3 Jahren

Здравствуйте. Для изображение можете использовать: CSS селектор: div.main-imagemain-image-wrapper > a > img Атрибут: src

Роман Харьков vor 3 Jahren

Здраствуйте. Помогите с селекторами https://pro.auto/katalog/tjagachi/4x2/man-tga-18-390-id-13076/ . И еще вопрос: Можно ли как-нибудь автоматизировать. Чтобы данные брались не из товарной карточки, а со страницы с каталогом, чтобы в рассылку не попадали проданные товары?

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. Используя .vehicleName .priceIn .vehicleSpecifications внешние селекторы удалось получить название товара, цену и его описание. Насколько я могу судить, используя смарт-элементы получить картинки с данного сайта не получится. По поводу вашего вопроса об автоматизации. Могли бы вы уточнить адрес страницы с которой необходимо получить данные? Спасибо.

Daniel Herenyi vor 3 Jahren

Подскажите какие селекторы нужно указать для названия товара и фото Для карточки товара https://kosmetika-proff.ru/catalog/detail/modeliruyushchiy_krem_filler_dlya_gub/

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. Название товара и фото с данного сайта получилось "подтянуть" используя следующие внешние селекторы: h1[itemprop='name'] для названия - http://prntscr.com/uprxrk а также .img-target и атрибут src для фото. Пожалуйста, обратите внимание что для фото понадобится использование модификатора /upload/ и замены https://kosmetika-proff.ru/upload/ http://prntscr.com/uprzxq

Daniel Herenyi vor 3 Jahren

Благодарю за опаеративный ответ. Очень помогли. По аналогии попробовал добавить цену и старую цену.Почемуто и то и другое задваивается. https://yadi.sk/i/dgqsms4ZYUGfjA

Daniel Herenyi vor 3 Jahren

Для старой цены указывал внешний селектор - s А для цены - span.price

Aleksandr Zelenskiy vor 3 Jahren

Чтобы избежать "задваивания", можно попробовать использовать следующие внешние селекторы. Для цены: meta[itemprop='price'] и атрибут content https://prnt.sc/upt347 Для старой цены: .element-price-price-old.x-element-price-price-old http://prntscr.com/upt49z

Daniel Herenyi vor 3 Jahren

Спасибо!!!

Татьяна NSP vor 3 Jahren

Добрый день! А получится использовать эмейл рассылку с подхватом картинок и цен для сайта https://nspdoma.com.ua/colloidal-silver.php

Ruslan Trepukhalov vor 3 Jahren

Добрый день. Напишите пожалуйста к нам в службу поддержки и мы поможем настроить Вам Smart-Container

НоваФлора Магазин vor 3 Jahren

Добрый день. Никак не могу подобрать селекторы для картинок и стоимости для https://novaflora.com.ua/tyulpan-double-beauty-of-apeldoorn Заранее благодарен за помощь

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. Чтобы "подтянуть" картинку и стоимость вы можете попробовать использовать следующие внешние селекторы: meta[property='og:image'] с атрибутом content http://prntscr.com/t920mq #main-product-wrapper > div.row.product-info-row > div.col-md-5.col-product-info > div.product_header_container.clearfix > div > div:nth-child(3) > div > span без атрибута http://prntscr.com/t920v3

Sergey Stoyanov vor 3 Jahren

День добрый. Помогите пожалуйста с селекторами для картинки. Перебрал селекторы всех в контейнере с картинкой ничего не работает. https://mitsudiesel.su/catalog/diesel/ad-30-t400/ Спасибо.

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. Для картинок на приведенном сайте используются относительные ссылки вместо абсолютных, поэтому потребуется использовать модификатор и следующий внешний CSS селектор: .wrp_img img атрибут src модификатор assets замещение https://mitsudiesel.su/assets http://prntscr.com/ss4f8i

Anya Stepanova vor 3 Jahren

Здравствуйте! Подскажите, пожалуйста, какой селектор взять с сайта https://usmall.ru/product/734594-ribbed-stretch-viscose-tank-top-michael-kors Можно ли добавить определенную картинку из слайдера? Спасибо

Aleksandr Zelenskiy vor 3 Jahren

Добрый день. Основную картинку удалось получить с использованием .p-product__thumb.__active img селектора и src аттрибута - http://prntscr.com/sokhku Вторую картинку из слайдера удалось "втянуть" с помощью следующего селектора: #__layout > div > div > section > div > div.grid.small-collapse > div.item.item--images > div.ui-scroller.p-product__thumb-list > div > div:nth-child(2) > img и того же атрибута - http://prntscr.com/sokiyf

Anya Stepanova vor 3 Jahren

Делаю так, как вы написали. Приходят картинки других вариантов продукта - другого цвета вещи :( Вытянуть заглавную картинку слайдера вообще невозожмно?

Aleksandr Zelenskiy vor 3 Jahren

Вы можете "вытянуть" заглавную картинку слайдера с помощью .p-product__thumb.__active img селектора, как я и писал выше. Пожалуйста, обратите внимание что если сайт использует разное расположение элементов и разные ID и классы на разных страницах (отличающихся от расположения по ссылке которую вы привели выше) то селекторы могут не работать универсально для всех страниц. Если вы хотите и уточните почтовый ящик на который зарегестрирован ваш аккаунт в Страйпо, я могу добавить в ваш аккаунт письмо с примером работы описанных мною селекторов.

Anya Stepanova vor 3 Jahren

Я пробую сделать так и не всегда получаю данные из слайдера на странице. У товаров могут быть разные варианты по цвету и по этому селектору показывается карточка товара не из слайдера страницы, а из какого-то товара. Также есть вариант, что цена на разный цвет отличается, поэтому по селектору цены передается цена не того варианта. моя почта hello@anyastepanova.ru.

Hanna Kuznietsova vor 3 Jahren

Анна, Спасибо. По Вашему вопросу связались с Вами в почте.

Anya Stepanova vor 3 Jahren

Спасибо большое!

Matthias Schwindt vor 3 Jahren

How can I pull a image url which is includet as background-image out of my website?

Aleksandr Zelenskiy vor 3 Jahren

Hello, Please be advised that background images are creating via CSS styles. Our smart elements meant to get data within HTML tags but can't fetch CSS styles out of code, including background styles. You can add background images to an email only manually.

Paron Antonyan vor 4 Jahren

Здравствуйте! Бьемся больше часа, попробовали разные способы по логике, приведенной ниже в комментариях, не получается. Помогите нам с селектором на картинку, пожалуйста. https://kidsavenue.ru/catalog/malchiki/odezhda_1/longslivy_1/36020/

Aleksandr Zelenskiy vor 4 Jahren

Добрый день. По данной ссылке картинку можно подгрузить используя следующие селекторы\параметры: внешний #bx_117848907_36020_pict атрибут src внутренний .myImage атрибут src На скриншотах: http://prntscr.com/qscfe3 http://prntscr.com/qscfmy Важно отметить. На сайте используется относительный путь для картинки, поэтому необходимо использовать модификатор /upload/ с заменой на https://kidsavenue.ru/upload/ http://prntscr.com/qscggp

К. Зайцева vor 4 Jahren

Здравствуйте, подскажите какой селектор ввести чтобы выгрузить картинку https://flytechnology.ua/dji-agras-mg-1p

Ruslan Trepukhalov vor 4 Jahren

Здравствуйте, для Вашего сайта Вам нужно указать селектор #content > div > div.us-product-top.d-flex > div.us-product-left > div.us-product-photo-main.mb-4 > a > img Атрибут src Пример: http://prntscr.com/qc1kyq и выбрать динамический сайт в пункте URL http://prntscr.com/qc1h4a Но так как на Вашем сайте используются изображения формата .webp http://prntscr.com/qc1i3e мы не гарантируем что будет отображаться изображения в почтовых клиентах, так как нет подержки рендеринга изображений в формате .webp. Мы рекомендуем Вам использовать на Вашем сайте форматы изображений такие как jpg, png, gif.

Артём Русев vor 4 Jahren

Добрый день, подскажите какой селектор ввести чтобы выгрузить картинку https://sayyes.com.ua/skrab-dlya-tela/10943-kofeynyy-skrab-joko-blend-cherry-200-g.html

Aleksandr Zelenskiy vor 4 Jahren

Добрый день. По данной ссылке картинку получится подгрузить используя следующий внутренний и внешний CSS селекторы: внутренний .adapt-img атрибут src внешний head > meta:nth-child(13) атрибут content На скриншотах: http://prntscr.com/q25763 http://prntscr.com/q257im

Evgenii Romanenkov vor 4 Jahren

Здравствуйте! Пробовал различные варианты для вытягивания картинки. Ничего не удалось. Например пробовал такие селекторы с href, img, src div#main-photo.d-doned-sm-block.zoom.card-image-zoom.card-zoom-small div.owl-item.active>div:nth-child(1)>a:nth-child(1) div.owl-item>div:nth-child(1)>a:nth-child(1) div.owl-item>div>a div.owl-item a:nth-child(1) div.owl-item a Какой селектор ввести чтобы выгрузить картинку отсюда https://wellmax.eu/ru/goods/67407 ?

Aleksandr Zelenskiy vor 4 Jahren

Добрый день. В вашем случае, картинку получится подгрузить, используя следующий внутренний и внешний CSS селекторы: внутренний .esd-block-image img атрибут src внешний #card-main-photo атрибут src На скриншотах: http://prntscr.com/q0kk0u http://prntscr.com/q0kjoy

Evgenii Romanenkov vor 4 Jahren

Получилось. Спасибо за оперативный ответ)

Людвик Сафарян vor 4 Jahren

Добрый день! столкнулся с ситуацией в смарт контенте, у меня на сайты все ссылки на картинки начинаются с папки. /upload/resize_cache/iblock/6cd/500_500_19c25237da8d22b6fe15e058ccab634fe/6cd1af7c8c4dee53d44c1849e9757467.jpg , соответственно не открывается картинка, как сделать так чтобы впереди добавилось название сайта чтобы картинка подгружался ?

Aleksandr Zelenskiy vor 4 Jahren

В Вашем случае, картинку получится подгрузить, используя следующий CSS селектор meta[property=og:image] и атрибут content Пожалуйста, посмотрите как это выглядит на скриншоте https://prnt.sc/of4cge

Людвик Сафарян vor 4 Jahren

Спасибо за оперативный ответ!