---
title: PICTURE TO URL
description: "Emails need pictures. This will explain how to feed the URL of the pictures, coming from Salesforce FILES, to PDF Butler so the email clients will know how to show the email correctly . [Academy - Picture to URL](https://www.youtube.com/embed/Jr7zvTf0Ft0?si=VPxrmS3wvdVfLCke) #####…"
url: "https://pdfbutler.com/academy/pdf-butler-academy/pdf-butler-by-configtype/picture-to-url/"
updated: "2025-08-14"
category: PDF BUTLER BY CONFIGTYPE
---

# PICTURE TO URL

Emails need pictures. This will explain how to feed the URL of the pictures, coming from Salesforce FILES, to PDF Butler so the email clients will know how to show the email correctly .

[Academy - Picture to URL](https://www.youtube.com/embed/Jr7zvTf0Ft0?si=VPxrmS3wvdVfLCke)

##### Example:

Picture to URL Config type is only available if the Doc Config is of EMAIL type. Upload the pictures or logos which you want to use in your Email in Salesforce Files. Create Public links for those and copy image address to use it in Static Value Data Source.

![Picture to URL Picture1](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture1.png)![Picture to URL Picture2](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture2.png)

![Picture to URL Picture3](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture3.png)

![Picture to URL Picture4](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture4.png)

###### Doc Config:

Create Doc Config of Record type email as shown below. Open PDF Butler from Doc Config and upload [this](https://pdfbutler.com/wp-content/uploads/2023/08/pdfbutler_Mail-Quote_EN-1.docx) sample template in Doc Config. ![Picture to URL Picture6](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture6.png)

###### Data Source:

Sample template will need below Data Sources. So create all the Data sources and add them in Doc Config.

1. Create SOQL Data Source to fetch opportunity related fields.
    ![Picture to URL Picture8](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture8.png)
2. Create SOQL Data Source to fetch Opportunity Line item fields.
    ![Picture to URL Picture9](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture9.png)
3. Create SOQL Data Source to fetch Primary contact details of opportunity.
    ![Picture to URL Picture10](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture10.png)
4. Create Static Values Data Source as shown below and add a row to paste the Image address as shown below.
    ![Picture to URL Picture5](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture5.png)
    ![Picture to URL Picture7](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture7.png)

Open PDF Butler from Doc Config created in previous step  and add all the above Data Sources. While adding Static Values Data Source make sure to add the merge field which is used for the picture placeholder(i.e., in the template).

###### PDF Butler Pack:

Create PDF Butler pack as Leading Doc Config created in previous step(Email Doc Config).

![Picture to URL Picture11](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture11.png)

Along with this, if you want to send any document as attachment to your email. Create a Doc Config for that and use this Doc config to create a pack doc config for the above pack record. Check the Pack Doc Configs section in above screenshot.

###### Actionable:

Create an Actionable record as shown below for above pack record.

![Picture to URL Picture12](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture12.png)

###### Config types:

Create Config types as shown below.

![Picture to URL Picture13](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture13.png) ![Picture to URL Picture14](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture14.png)

###### Opportunity Page:

Go to any opportunity, add the Doc Config and pack id in convert component. Then Click on Email. An email will be sent to primary contact of the opportunity and the embedded image in the email will appear using the image address passed to PDF butler picture to url from the Static Values Data Source.
 ![Picture to URL Picture15](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture15.png)

###### Note:

Make sure to add the merge field name of the picture placeholder used in the template in the Static Values Data Source (row) and also in Static Values Data Source added in PDF Butler config page of Doc Config.

![Picture to URL Picture7](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture7.png)

![Picture to URL Picture16](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture16.png)

![Picture to URL Picture17](https://pdfbutler.com/wp-content/uploads/2023/08/Picture-to-URL-Picture17.png)