Sitefinity x Azure OpenAI Integration

sitefinity | .NET, CMS, Sitefinity | 2023-11-20

Pre-Requisite

  1. Sitefinity 15.0+
  2. Install Progress.Sitefinity.AIServiceConnector
  3. Azure Subscription

Azure

  1. Go to Azure Portal Microsoft Azure
  2. Create a resource group under your subscription
  3. Create a service in the resource group you created in step 2

screen1

  1. Search "OpenAi" in the marketplace, select Azure OpenAI and create

screen2

  1. In the Azure OpenAI service, go to Keys and Endpoints, save the KEY 1 or KEY 2 and Endpoint for later use.

screen3

  1. Go to Overview, and click Go to Azure OpenAI Studio

screen4

  1. Create a new Deployment, select gpt-35-turbo and set a Deployment Name

screen5

  1. Save the Deployment Name for later use.

Sitefinity

  1. Install nuget package, Progress.Sitefinity.AIServiceConnector to Sitefinity project

  2. Login to Sitefinity CMS dashboard, navigate to Administration → Modules & Services

  3. Install AI services

screen6

  1. Navigate to Administration → Settings → AI services

screen7

  1. Key in API key with the KEY 1 or KEY 2 from Azure step 5 above.

  2. Key in Endpoints with the Endpoint from Azure step 5 above.

  3. Key in Deployment name with Deployment Name from Azure step 7 above.

  4. We can check the stable API Version from the question mark tool tip, in this demo, we are using the stable version 2023-05-15

screen8

  1. Save the changes and restart the Sitefinity instance (must restart, otherwise it may not work)

Sitefinity Integrate AI Demo

  1. Login to Sitefinity CMS dashboard, navigate to Content → Content Blocks

  2. Create a new content block

  3. Go to content, and you will see the AI button available within editor

  4. It supports 3 options:

screen9

  1. Select Compose new text, and key in details to aid the content and compose it

screen10

  1. Then taadaa! The content has generated and we are able to insert into content block / compose again if you are not happy with the content.

screen11


screen12

  1. The new Use AI to generate tags in v15.1! My new example is using this artcile

  2. There is a new icon besides Tags "Use AI"

screen13

screen14

  1. Save and see all new tags are created and attach the the article!

screen15

References