How to Use the Fohlio Web Clipper

The Web Clipper helps you quickly capture product names, descriptions, pricing, images, and other product details without manually copying everything into your project. 

 

Why the Web Clipper Is Useful

The Fohlio Web Clipper lets you:

• Add new items from supplier websites
• Update placeholder items already created in Fohlio
• Clip product names, descriptions, prices, finishes, images, and more
• Send clipped items to a project or the Internal Library
• Save time when specifying products from online sources

🧭 Install the Web Clipper

1. Open the Chrome Web Store.
2. Search for Fohlio Web Clipper.
3. Select the Fohlio Web Clipper extension.
4. Click Add to Chrome.
5. Confirm the browser permission request.

Once installed, the Web Clipper will appear in your Chrome extensions.

Pro tip 💡: Pin the Web Clipper extension so it stays visible in your browser toolbar.

 If you want to deep more into the best settings for your Web Clipper to work good, chec our Browser Settings for Web Clipper article.

🔄 Refresh Fohlio After Installing

After installing the extension, refresh your Fohlio tab.

This helps the Web Clipper recognize your active Fohlio session and start working correctly.

📌 Understand Which Columns Appear in the Web Clipper

The Web Clipper shows the Product Info columns from the phase you are currently viewing in Fohlio.

For example, if you are in the Product Specification phase, the Web Clipper will show Product Info columns from that phase, such as:

• Product Name
• Model Number
• Description
• Color / Finish
• Images
• Other Product Info fields active in that phase

Note: If you do not see the field you need in the Web Clipper, check which phase you are currently viewing and confirm that the column is active as a Product Info column in that phase.

If you want to understand more about column types like Product Info, check our Column Types article.

➕ Add a New Item with the Web Clipper

Use this workflow when you want to add a new product from a supplier or manufacturer website.

1. Go to the supplier or manufacturer website.
2. Open the Fohlio Web Clipper extension.
3. Select Add New Item.
4. Choose where to add the item:
   • Project
   • Internal Library
5. Select the project from the first dropdown.
6. Select the item category from the second dropdown.
7. Optional: assign the item to an area from your project area plan.

✂️ Clip Product Information

To clip information from the website:

1. Click the field in the Web Clipper where you want the information to go.
2. Click the matching text on the website.

For example, you can clip:

• Product Name
• Model Number
• Description
• Price
• Color / Finish

If the information cannot be clipped as text, you can type it manually into the field.

Pro tip 💡: Some websites display information as images or formatted blocks instead of selectable text. If Fohlio cannot detect the text, enter the value manually.

🖼️ Clip Product Images

There are two common ways to clip images:

1. Click the Images field in the Web Clipper.
2. Click the image on the website.

Once clipped, the image will appear in the Web Clipper.

You can also move the Web Clipper from one side of the screen to the other using the arrow icon. This can help if the clipper is covering information or buttons on the website.

✅ Submit or Reset the Clipped Information

After clipping the product details, you can choose:

• Submit — adds or updates the item in Fohlio
• Reset All Fields — clears the clipped information so you can start over

After submitting, Fohlio will show a success message confirming that the item was added or updated.

 Update an Item from a New Link

1. Go to the supplier website.
2. Copy the product page URL.
3. Go back to Fohlio.
4. Right-click the item you want to update.
5. Click on Update Via Web Clipper.
6. Select Add from New Link.
7. Paste the product page URL.
8. Click Apply.

Fohlio will open the website in a new tab and automatically open the Web Clipper in Update Item mode.

 Update Item Details

Once the Web Clipper opens in Update Item mode:

1. Click the field you want to update.
2. Click the matching text or image on the website.
3. Manually type any values that cannot be clipped.
4. Click Submit.

The item will be updated in Fohlio.

 Update an Item Using an Existing Link

If the item already has a saved Web Clipper link, you can open that existing link instead of adding a new one.

1. Right-click the item in Fohlio.
2. Open the Web Clipper options.
3. Select the existing saved link.
4. Update the needed fields.
5. Submit the changes.

This is helpful when you need to update missing information, such as an image, price, or description, after the item has already been created.

🔎 Review the Item in Fohlio

After submitting the item, go back to Fohlio and confirm the item was added.

You should see the clipped information, such as:

• Product name
• Description
• Price
• Color / Finish
• Images

From the image field, you can also choose which image should be the primary image.

Troubleshooting: Web Clipper Does Not Recognize Your Session

If the Web Clipper does not recognize that you are signed in:

1. Go back to a Fohlio tab.
2. Open the Web Clipper from the Fohlio tab.
3. Refresh the Fohlio tab.
4. Try again from the supplier website.

If the issue continues, check your browser settings and confirm that third-party cookies are not blocked.

Pro tip 💡: If the Web Clipper keeps asking you to sign in, restart your browser or clear your cache before trying again.

Wrap-Up

The Fohlio Web Clipper helps you bring product information from supplier and manufacturer websites directly into Fohlio.

Use it to:

• Add new items
• Update existing items
• Clip product details and images
• Reduce manual data entry
• Keep your project information organized and complete

 

We hope this article was helpful for you. If you have follow up questions, reach out via Live Help.