Using the Pin-widget you can specify positions on a map, floor plan, or photos and add any additional information. 

No MoreApp account yet? Sign up here.

1. Add the Pin-widget

Once you have logged in to the MoreApp Platform, you can select the form in which you would like to add the widget. Click on Edit Form, double-click on the Pin-widget under the Widgets tab and it will be added to your form. 

2. Configure the widget 

Click on the pencil in the top-left corner of the widget and give the Pin-widget a label. You can add an image to the widget so that you can pin additional information to it, by clicking on Select image. If you want the users to modify this image, tick the Allow users to change image checkbox.

Users can upload a photo or PDF file from their mobile device to use in the Pin-widget. The PDF file can be uploaded from Dropbox, Google Drive, or from other sources. MoreApp converts the first page of the PDF file to an SVG image.

The result of the Pin-widget is only visible in the attachment of the email.

3. Configure the pins

To continue with the configuration of the widget, give each pin a name and select the icon. You can add a unique icon or choose one of the default ones.

You can also build a subform for each pin with further information to explain in detail. This can be an existing subform or a new one you create. 

Lastly, fill in the Item markup (recap in the app) and Tracking Id (title of the pin). Placeholders from the subforms created inside these pins can also be used. Now click on Save.  

Note: You can configure a maximum of 10 different pins.

4. Add pins

Open your device and start adding pins! You can add the different pins to the image.

Click on the image to add the pins. A new window will appear so you can add a photo and remark to each pin if needed.

When all pins have been added to the image, close the image and go back to the form.

You can edit the position of the pin. Click on the three lines icon, on the right of the pin’s name, and click on Move. The image will open again and you will be able to adjust the position of the pin. Just click on the new place and the pin will move. 

You can also see the details of the pin by clicking the three lines icon and then clicking on Open

If you need to delete a pin, click on the three lines icon and then click on Delete. A popup will appear on the screen so you can confirm the deletion of the pin. Click on Delete again.

5. Congratulations! 

You have successfully added the Pin-widget to your form! You can now use it to add additional information to your photos, floor plan or map.

Want to stay up to date with our latest tutorials? Go to YouTube and hit the Subscribe button!