Using Ruttl

Check everything right from creating a project, to moving elements and replacing images.


Creating your first project in Ruttl

To create your first project, simply signup or login to Ruttl and click on "Create Project". Once you give it a name, you will be able to create the project.

Adding your first webpage to Ruttl

For webpages, once your project is created, please copy the URL of the webpage you would like to add. Paste it inside the project and click on "Add page". The webpage will be added to your project, and will be ready for review. For static images, please click on "Upload Image", select the image from your system and upload it. This image will be added to Ruttl and will be ready for review.

Uploading a PDF or image to your project

To upload a PDF, simply head to a project and click on the "Upload file" button. Select the file(s), upload them & you will be ready to review them with your collaborators.

Sharing your project with other people

There are 2 methods in which you can share your project:

  1. Share with an email ID, with View or Comment access - Open the project which you would like to share. Click on the ‘Share’ button on the top right side, copy and paste the email ID of the user with whom you would like to share this project, and send an invite. The person will receive an email, with the help of which they will then be able to access the project with their available access.

  2. Share the project link - This is especially useful for sharing a project with the clients, since clients want to see progress on the project without logging into any platform. Inside any project, go to the top right hand corner, click on ‘Share’. On the next pop-up, copy the project shareable link and share this with your client. The client will then be able to see all the comments & replies to comments on this project.

Commenting on live websites

To comment on a live website, create a project, add the webpage URL and click on ‘View page’. The webpage will load in ‘Comment mode’ by default, you can confirm the same in the bottom bar. Hover over any element and click on it, a comment box will appear. Type your comment here, and once it is done, click on ‘Comment’ or press Enter/Return key. Your comment is now added to a live website on Ruttl. Keep adding as many comments as required on this webpage. You can also add more teammates and tag them in comments using the ‘@’ sign while commenting.

Using the Comments Panel

After any comments are added, they are reflected in the "Comments panel". The comments panel can be seen on the right hand side of the screen in Comment mode. All comments, replies to comments, resolved comments, and the ability to resolve, edit or delete a comment can be seen in the comments panel itself.

Mark a webpage or image as approved

Approving a webpage or image will ensure that no more comments can be made. You can approve a webpage or image by opening it inside your project and clicking on "Approve page".

Dashboard filters

Customise the view on your dashboard to only see the projects added by you, or by another specific user. To do so, on your main dashboard, click on ‘All Projects’ and select any user. You shall then be able to view only the projects created by that specific user. To only see your own projects, toggle the switch of ‘Created by me’.

Project-inside filters

Select what would you like to view inside your project. Choose between web pages or images, and Ruttl will only show you those respectively. You can also toggle the switch of ‘Show approved only’ to only see the webpages or images that are approved.