Before creating the Flow, we need to create a field that will display the image. Therefore, go to the Account object and create a new field as follows:

• Data type: Text Area (Rich)
• Field Label: Image

Once the Image Sync is enabled and the Rich Text field is created, go ahead and create a new Salesforce Flow as follows:

• Go to Setup. In the Quick Find Box, type Flows.
• Under Process Automation, select Flows.
• Click on the New Flow button.
• Select the option Record-Triggered Flow, and click on the Create button.

• After clicking on Create, the Configure Start modal will be displayed. Fill in the modal as indicated below:
  • Select Object: SharinPix Image
  • Configure Trigger: A record is created
  • For the Set Entry Conditions, select All Conditions Are Met (AND)and fill in the details as follows:
    1.  Field: sharinpix__Account__c
    2.  Operator: IsNull
    3.  Value: Select {!$GlobalConstant.False}
  • Optimize the Flow for: Actions and Related Records
• Click on Done to save the configurations.

• Next, add an Update Triggering Record element.

• On the Update Triggering Record modal, enter the following information:
  • Label: Update Parent Account Record
  • How to Find Records to Update and Set Their Values: Specify conditions to identify records, and set fields individually
  • Object: Account
  • In the Field Account Records section:
    • Condition Requirements to Update Record: All Conditions Are Met (AND)
    • Field: Id
    • Operator: Equals
    • Value: {!$Record.sharinpix__Account__c}
  • In the Set Field Values for the Account Records section:
    • For the Field, select the Image field available on the parent Account record.
    • For the Value, click on New Resource and enter the following information
      1.  Resource Type: Variable
      2.  API Name: richTextValue
      3.  Description: Optional
      4. Default Value: 

<img src={!$Record.sharinpix__ImageURLThumbnail__c}/>

• Save the newly-created resource.
• Click on Done to save the formula and the Update Triggering Record element.

• Save the Flow and activate it.

Create the fields as follows:

1. A field of type URL to store the image URL generated:
   • Data Type: URL
   • Field Label: First Image URL
2. A Formula field that will use the image URL stored in the field created above (that is First Image URL) to display the image. For the formula field:
   • Date Type: Formula
   • Field Label: First Image
   • Formula Return Type: Text
   • Formula:

IF( ISBLANK( First_Image_URL ), "Image Not Found", IMAGE(  First_Image_URL, ""  ) )

Once the fields created, go ahead and create a new Salesforce Flow as follows:

• Go to Setup. In the Quick Find Box, type Flows.
• Under Process Automation, select Flows.
• Click on the New Flow button.
• Select the option Record-Triggered Flow, and click on the Create button

• After clicking on Create, the Configure Start modal will be displayed. Fill in the modal as indicated below:
  • Select Object: SharinPix Image
  • Configure Trigger: A record is created
  • For the Set Entry Conditions, select All Conditions Are Met (AND)and fill in the details as follows:
    1.  Field: sharinpix__Account__c
    2.  Operator: IsNull
    3.  Value: Select {!$GlobalConstant.False}
  • Optimize the Flow for: Actions and Related Records
• Click on Done to save the configurations.

• Next, add an Update Triggering Record element.

• On the Update Triggering Record modal, enter the following information:
  • Label: Update Parent Account Record
  • How to Find Records to Update and Set Their Values: Specify conditions to identify records, and set fields individually
  • Object: Account
  • In the Field Account Records section:
    • Condition Requirements to Update Record: All Conditions Are Met (AND)
    • Field: Id
    • Operator: Equals
    • Value: {!$Record.sharinpix__Account__c}
  • In the Set Field Values for the Account Records section:
    • For the Field, select the First Image URL field available on the parent Account record.
    • For the Value, select {!$Record.sharinpix__ImageURLThumbnail__c}

• Click on Done to save the formula and the Update Triggering Record element.
• Save and activate the Flow.

Follow the steps below to create the Process Builder:

• Go to Setup. In the Quick Find Box, type Process Builder
• Under Process Automation, select Process Builder
• Click on New
• For the newly-created Process Builder:
  1. For the field, Process Name enter Add Image to Rich Text Field on Account
  2. Enter a description for the process. (This step is optional)
  3. For the field, The process starts when select A record changes
  4. Click Save

Once on the Process Builder editor:

• Click on Add Object
  1. For the field Object, select SharinPix Image
  2. For the field Start the process, choose when a record is created
  3. Click on Save

• Click on Add Criteria
  1. For the field Criteria Name, enter No Criteria
  2. For the field Criteria for Executing Actions, choose No criteria—just execute the actions!
  3. Click on Save

• Click on Add Action
  1. For the Action Type field, choose Update Records
  2. For the Action Name, enter Update Account Record
  3. For the Record Type, select Select a record related to the sharinpix__SharinPixImage__c. Then from the dropdown menu, select Account
  4. Click on Choose

• Leave Criteria for Updating Records on No criteria—just update the records!
• Inside the Set new field values for the records you update section:
  1. For the Field, select the Rich Text field created previously, that is Image
  2. For the Type, select Formula
  3. For the Value, click on Build a formula 
  4. Inside the formula builder, use the following formula:

"<img src=\"" & [sharinpix__SharinPixImage__c].sharinpix__ImageURLThumbnail__c  & "\" />"

5. Click on Use this Formula

• Click on Save when done

You can now activate the Process Builder.

Follow the steps below to create the Process Builder:

• Go to Setup. In the Quick Find Box, type Process Builder
• Under Process Automation, select Process Builder
• Click on New
• For the newly-created Process Builder:
  1. For the field, Process Name enter Add an Image to Field on Account
  2. Enter a description for the process. (This step is optional)
  3. For the field, The process starts when select A record changes
  4. Click Save

Once on the Process Builder editor:

• Click on Add Object
  1. For the field Object, select SharinPix Image
  2. For the field Start the process, choose when a record is created
  3. Click on Save

• Click on Add Criteria
  1. For the field Criteria Name, enter No Criteria
  2. For the field Criteria for Executing Actions, choose No criteria—just execute the actions!
  3. Click on Save

• Click on Add Action
  1. For the Action Type field, choose Update Records
  2. For the Action Name, enter Update Account Record
  3. For the Record Type, select Select a record related to the sharinpix__SharinPixImage__c. Then from the dropdown menu, select Account
  4. Click on Choose

• Leave Criteria for Updating Records on No criteria—just update the records!
• Inside the Set new field values for the records you update section:
  1. For the Field, select the URL field created previously, that is First Image URL
  2. For the Type, select Field Reference
  3. For the Value, choose Image URL Thumbnail
• Click Save when done

You can now activate the Process Builder.