Updated: Version 3.295.46 (Feb 15, 2018)
In 5 minutes you'll understand Recipe Creator basics, like hover and shift, selecting rows, selecting data and simple selector writing.
Contact us: firstname.lastname@example.org
In this section you'll understand how to do more advanced selectors and use Recipe Creator Actions like, button click and auto scroll.
Contact us: email@example.com
*Button click can be applied at any time during recipe creation.
*Auto scroll can be applied at any time during recipe creation.
*Infinite Scroll With Click can be applied at any time during recipe creation.
|tag||h1||h tags are typically headers and display important information. h tags range from h1 to h6|
|tag||p||p tags are used for basic text and paragraphs.|
|tag||a||a tags are used for links. Links are important for pagination and getting URLs from search pages.|
|tag||img||img tags are used for images. Recipe Creator must have the "Extract Data" drop down menu selected to "Image URL" for the data to scrape successfully.|
|class||.address||Classes are suggested by Recipe Creator when available and are used to select an element. They are indicated by a dot in the jquery selector.|
|id||ids are similar to classes, but are more specific. They are indicated by a number sign.|
|tag||div||div tags are typically containers. They can be used for styling, displaying generic information or organizing info.|
|tag||span||span tags are typically used for simple text or icons.|
|tag||strong||strong tags are used for styling and contains text.|
|(Space)||.industry strong||Separate selectors by a space to travel down elements.|
|,||h2, p||Commas combine elements into one column. So the h2 tag data and the p tag data will be in the same column.|
|~||span~||Selects all the next elements as long as they all have the same parent or container.|
|+||span+||Selects the next one element as long as they have the same parent tag or container.|
|:contains(" ")||div:contains("Email")||Recipe Creator will find the word inside quotations on for any div tag the page and select it.|
|:first||h2:first||Recipe Creator will always find the first h2 tag on the page and select it.|
|:last||h2:last||Recipe Creator will always find the last h2 tag on the page and select it.|
|:eq()||h2:eq(2)||Recipe Creator will always find the second h2 tag on the page and select it. Recipe Creator can find any number as long as there are that many on the page. (Use eq() only when numbering will be consistent between pages)|
|:has(" ")||div:has("p.address")||Recipe Creator will find the all the divs that have the p tag and the address class. Combine with :eq() to specify which div.|
|[selector="value"]||[itemdrop="address"]||When classes or tags aren't available but sites have alternative attributes in the HTML. Use them inside square brackets for your selectors.|
|class tag||.address span||When the parent container has the class, but you need data inside a child element. Select the suggested class of the parent and then type the tag containing the data with a space in-between,|