{"componentChunkName":"component---src-components-public-workflows-single-workflow-index-tsx","path":"/ready-made-workflow-library/check-pages-and-create-screenshots-as-mobile-devices","result":{"pageContext":{"result":{"workflow":{"id":25,"name":"Check pages and create screenshots as mobile devices","status":"DRAFT","started_at":"1631705806763","frequency":"","created_at":"1631708753300","updated_at":"1631708753300","description":"Create screenshots in different device sizes at scale to find responsive design issues or archive visual screenshots for research or outreach.","meta_title":"Check pages on any device type for display issues on autopilot - Hexomatic workflow","meta_description":"<p>In today’s mobile first world, it is essential to have websites that work well on any screen, be it a desktop or a mobile device. This process of adapting the site to different screen sizes is called responsive design and it aims to provide an optimal experience on any device.</p>\n\n<p>The problem is that small changes in your code can affect how a page looks in a specific device size, making it difficult to notice or pinpoint the issue. This can result in sub optimal experiences and higher bounce rates.</p>\n\n<p>Capturing screenshots in different screen sizes can also help you archive your competitors landing pages for research and analysis.</p>\n\n<p>The problem is that capturing screenshots in different device sizes is time consuming especially when dealing with hundreds of pages at a time.</p>\n\n<p>With Hexomatic you can provide a list of URLs and capture screenshots in different device sizes in minutes - no code or or manual work required.</p>\n\n<p>This workflow taps into our screenshot capture automation enabling you to save screenshots in different device sizes in a convenient CSV or Google Sheet format. You can also save screenshots to your Google Drive for easy archiving.</p>","image":"https://storage.googleapis.com/hexomatic-automation-icons/public-workflows-illustrations/Check%20pages%20and%20create%20screenshots%20as%20mobile%20devices.jpg","categories":[{"id":2,"name":"Marketing"}],"steps":[{"id":368,"setting":"{\"automation_id\":47,\"dynamic_settings\":{\"keys\":[{\"key\":null,\"settings\":{\"type\":\"Structured data\",\"columns\":[],\"storage\":null,\"jsonKeys\":[],\"inputType\":\"MANUAL_ADD_TYPE\",\"uploadedFiles\":[],\"workflowUploadId\":null},\"inputValue\":[\"hexometer.com\"]}]},\"output_keys_data\":[\"_data_input\"],\"predefined_settings\":null,\"integration_settings\":null,\"output_keys_data_with_types\":\"{\\\"_data_input\\\":\\\"any\\\"}\"}","index":0,"created_at":"1631606440232","updated_at":null,"automation":{"id":47,"name":"Data input","url":"input","meta_title":"Data Input | Hexomatic","meta_description":"Use our data input automation as a starting point for your workflow. Provide a list of URLs or text files as input for scraping recipes or automation.","short_description":"Provide your workflow with a text or file-based input","long_description":"Provide a list of URLs, text, or TXT/CSV files inside your workflow as input for scraping recipes or automation.\n<br />The Data Input automation enables you to provide data as a starting point for your workflow.\n<br />**We currently support four types of data inputs:**\n> * File upload - Lets you upload CSV, TXT, IMAGE, PDF, AUDIO or JSON files.\n> * File URL - Lets you specify the URL of a  CSV and TXT file.\n> * Manual paste - Lets you copy paste a list of URLs or keywords and iterate through each in your workflow. You can also paste blocks of text.\n<br /> \n\n**You can then add additional automations to perform different work tasks for each URL, Keyword or data provided in the data input.**\n> * Supported image formats include: .jpeg, .png8, .png24, .png, .gif, .bmp, .webp, .raw, .ico, .jpg.\n> * Supported audio formats include: WAV, MP3, FLAC.","long_description_details":" ","has_source":null,"icon_url":"https://storage.googleapis.com/hexomatic-automation-icons/data-input.svg"}},{"id":369,"setting":"{\"automation_id\":9,\"dynamic_settings\":{\"keys\":[{\"key\":\"_data_input\",\"delay\":5,\"device\":[\"MOBILE_SMALL\",\"MOBILE_MEDIUM\",\"MOBILE_LARGE\",\"TABLET\"],\"height\":null}]},\"output_keys_data\":[\"_data_input\",\"_device_screenshot_mobile_small\",\"_device_screenshot_mobile_medium\",\"_device_screenshot_mobile_large\",\"_device_screenshot_tablet\"],\"predefined_settings\":null,\"integration_settings\":null,\"output_keys_data_with_types\":\"{\\\"_data_input\\\":\\\"any\\\",\\\"_device_screenshot_mobile_small\\\":\\\"url\\\",\\\"_device_screenshot_mobile_medium\\\":\\\"url\\\",\\\"_device_screenshot_mobile_large\\\":\\\"url\\\",\\\"_device_screenshot_tablet\\\":\\\"url\\\",\\\"_device_screenshot_laptop_small\\\":\\\"url\\\",\\\"_device_screenshot_laptop_medium\\\":\\\"url\\\",\\\"_device_screenshot_laptop_large\\\":\\\"url\\\",\\\"_device_screenshot_desktop_4k\\\":\\\"url\\\"}\"}","index":1,"created_at":"1631606440232","updated_at":null,"automation":{"id":9,"name":"Screenshot capture","url":"create-screenshot","meta_title":"Screenshot Capture | Bulk Screenshot Capture","meta_description":"With Hexomatic you can automatically capture web page screenshots in bulk inside a workflow using one of 8 different device sizes.","short_description":"Capture a full web page screenshot from a URL","long_description":"Automatically capture web page screenshots in bulk inside a workflow using one of 8 different device sizes.","long_description_details":"Website screenshots are necessary for a large number of professions. For example, a developer needs to have high-resolution screenshots to implement visual testing or preview templates. Screenshot capturing is essential particularly for marketing agencies to create web page screenshots for portfolios or demos. \n<br />Our Hexomatic Screenshot capture automation helps to capture webpage screenshots at scale using one of 8 different device sizes.\n<br />**Different ways to use our Screenshot capture automation:**\n<br />\n> * Via Data input automation (using the List of inputs option) to capture screenshots of a list of webpages.\n<br />\n\n**How to use our Screenshot capture automation via Data input:**\n<br />Step 1: Create a blank workflow and select Data input as the starting point.\nStep 2: Open the Screenshot capture automation, selecting Data input as the source.\nStep 3: Select the screenshot device type from the dropdown list. Then, choose the period of delay in seconds.\nStep 4: Click continue to run or schedule the workflow.","has_source":null,"icon_url":"https://storage.googleapis.com/hexomatic-automation-icons/screenshot.svg"}}],"tags":["Marketing"]},"prevPath":"/ready-made-workflow-library/discover-tech-stack-for-a-list-of-websites","nextPath":"/ready-made-workflow-library/find-email-addresses-and-contact-details-for-any-domain-in-bulk"}}},"staticQueryHashes":["3915125517"]}