Usersnap Tips

console.log("hallo");

[usersnaptips]

Development is fun again. Add Emojis to your comments in the Usersnap dashboard :-) 

[usersnaptips]

Organize your development tickets in the Usersnap Dashboard

Face it - if you start working on something in a team, emails and n-to-n communication has limits which are reached really soon.

Let's have a look at how a web project can be organized in an easy way with the Usersnap Dashboard.

Separate your work in projects

Every project you and your team work on should get a single project - no worries, creating on is a matter of seconds.

Collect all your ideas, issues and bugs in your projects

Add screens by the Usersnap widget, one of the browser extensions or upload it inside the dashboard.

Every screen can be annotated to show, don't tell what you really mean.

Once a task is finished, move it to the closed section by clicking the checkmark.

Bring your team on board!

Invite your team to set the assignee of a screen and collaborate with them in the comments.

There's even more.

Already using a project management or bug tracking tool? You already have an established workflow and don't want to change soon?

No problem. Just connect Usersnap with one of the 3rd party integrations:

Check out for free!

Usersnap offers a free trial for 15 days. No risk and no credit card required. Sign up now to try it!

[usersnaptips]

How to Add Usersnap to Your Squarespace Website

Usersnap is a tool for visual feedback. You'll get feedback from your web page on Squarespace in form of screenshots. All your readers, customers and users can leave feedback and questions in the best way you can imagine: visually!

Step 1: Register for an Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 2: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Squarespace Site) into the field and click on continue.

Step 3: Add your Weebly Site URL to this Project

You'll need your Jimdo Site URL now. I'll take http://catsandspaghetti.squarespace.com as an example.

Click on "Set up Usersnap on your site":

Copy & Paste your blog URL into the widget settings.

Don't forget to click on Save afterwards!

Step 4: Adding Usersnap to your Weebly Site

We're almost there! In the edit view of your Weebly page, click on "Settings" and open the section "Code Injection":

In the Code Injection view, search the "Footer" field:

Copy and Paste the widget JavaScript code into the Footer section:

Don't forget to save and publish your changes here!

Step 5: You are all set! The Usersnap Feedback Widget will appear on your Site!

You did it! The Feedback button has been added to your Site! You can customize the colors and text of the button in the project settings.

If you need any help, contact the Usersnap Team - they are very helpful.

[usersnaptips]

Client-side javascript errors and XHR logs with every bug report.

Visual communication for web projects. Now with advanced client-side JavaScript error-recording.

That's basically super powers for web developers.

[usersnaptips]

How to add Usersnap to your Weebly Site

Usersnap is a tool for visual feedback. You'll get feedback from your web page on Weebly in form of screenshots. All your readers, customers and users can leave feedback and questions in the best way you can imagine: visually!

Step 1: Register for an Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 2: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Weebly Site) into the field and click on continue.

Step 3: Add your Weebly Site URL to this Project

You'll need your Jimdo Site URL now. I'll take http://catsandspaghetti.weebly.com as an example.

Click on "Set up Usersnap on your site":

Copy & Paste your blog URL into the widget settings.

Don't forget to click on Save afterwards!

Step 4: Adding Usersnap to your Weebly Site

We're almost there! In the edit view of your Weebly page, click on "Settings" and open the section "SEO":

In the Settings view, search the "Footer Code" field:

Copy and Paste the widget JavaScript code into the Footer Code section:

Don't forget to save and publish your changes here!

Step 5: You are all set! The Usersnap Feedback Widget will appear on your Site!

You did it! The Feedback button has been added to your Site! You can customize the colors and text of the button in the project settings.

If you need any help, contact the Usersnap Team - they are very helpful.

[usersnaptips]

How to use the Usersnap Chrome Extension to Collect Landing Pages

The Usersnap Chrome Extension is a great tool to collect visual feedback, right in your browser. Click on the blue install button to add it to your Chrome browser.

Step 1: Install the Chrome Extension

Open the Usersnap Chrome Extension page in the Chrome Web Store. Click on the blue install button to add it to your Chrome browser.

After the installation is complete (which takes only seconds), the Usersnap icon appears in your Chrome Browser Toolbar:

Click the icon to finish the setup.

Step 2: Register for a Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 3: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Tumblr Blog) into the field and click on continue.

Step 4: Get the Project Key of this Project

Open the Project Settings (the gear symbol in the upper right corner):

Copy & Paste the Project API key to the Extension settings.

Don't forget to click on Save afterwards!

Step 5: Start Collecting Feedback

Whenever you see something remarkable in the web (e.g. a landing page you like, an error on your own website, ...) - click on the Usersnap Button:

Step 6: You are all set! Start collecting ideas and feedback with the Usersnap Chrome Extension!

You did it! Your browser has a new Feedback button! See the Feedback inside the Usersnap Dashboard!

If you need any help, contact the Usersnap Team - they are very helpful.

[usersnaptips]

How to add Usersnap to your Jimdo Page

Usersnap is a tool for visual feedback. You'll get feedback from your web page on Jimdo in form of screenshots.

Step 1: Register for an Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 2: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Jimdo Site) into the field and click on continue.

Step 3: Add your Jimdo Site URL to this Project

You'll need your Jimdo Site URL now. I'll take http://catsandspaghetti.jimdo.com as an example.

Click on "Set up Usersnap on your site":

Copy & Paste your blog URL into the widget settings.

Don't forget to click on Save afterwards!

Step 4: Adding Usersnap to your Jimdo Site

We're almost there! In the edit view of your Jimdo page, click on "Settings":

In the Settings view, search "Edit Head" inside the "Website" category.

Copy and Paste the widget JavaScript code into the Edit Head section:

Don't forget to save your changes here!

Step 5: You are all set! The Usersnap Feedback Widget will appear on your Site!

You did it! The Feedback button has been added to your Site! You can customize the colors and text of the button in the project settings.

If you need any help, contact the Usersnap Team - they are very helpful.

[usersnaptips]

How to add Usersnap to your Tumblr blog

Usersnap is a tool for visual feedback. You'll get feedback from your blog in form of screenshots.

Step 1: Register for an Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 2: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Tumblr Blog) into the field and click on continue.

Step 3: Add your Tumblr Blog URL to this Project

You'll need your Tumblr blog URL now. I'll take http://catsandspaghetti.tumblr.com as an example.

Click on "Set up Usersnap on your site":

Copy & Paste your blog URL into the widget settings.

Don't forget to click on Save afterwards!

Step 4: Adding Usersnap to your Tumblr Blog

We're almost there! Open the Customize view in your Tumblr dashboard.

In the Advanced Settings section, search the "Add Custom CSS" field.

Copy and Paste the widget JavaScript code into the custom CSS field. Important: Please add </style> before and <style type="text/css"> after the snippet.

Step 5: You are all set! The Usersnap Feedback Widget will appear on your blog!

You did it! The Feedback button has been added to your blog! You can customize the colors and text in the project settings.

If you need any help, contact the Usersnap Team - they are very helpful.