Social Media (OpenGraph) custom field

Overview

Open Graph is a protocol that enables you to display Sitefinity CMS content items via the MVC widgets on social networks as rich objects. For example, if you paste a link to the detailed view of a News item on Facebook, you can configure an Open Graph title, description, and image for this News item. The link will be automatically rendered on Facebook with the specified properties. You can use custom fields of type Social Media (OpenGraph) to integrate your content types with social media using OpenGraph.

To learn more, see Open Graph settings.

PREREQUISITES: To work with Social Media custom field, you must turn on Open Graph properties from Advanced settings. For more information, see Turn on Open Graph properties.

Procedure

To add a custom field to a content item, perform the following:

  1. Perform procedure Create custom fields » Step 1 to Step 5.
  2. In the Type dropdown box, select Social media (OpenGraph).
  3. In OpenGraph field, select which OpenGraph field you want to control with this custom field. For more information, see Configure Open Graph properties.
    NOTE: You cannot modify the Name of the custom field because it is hard-coded to match the OpenGraph field you are setting up.
  4. Click Continue.
    A window appears where you must configure the appearance of the custom field, such as labels and instructions.

General

On this tab, perform the following:

  1. In the Label input field, enter the label of the textbox.
  2. If needed, in Instructional text, enter instructions or explanatory text for the textbox.
    The text is displayed when the content editor clicks the question mark icon in the backend when editing the item containing this custom field.
  3. If you want to make the textbox mandatory, select This is a required field.
  4. If you have a multilingual site, select or deselect the Make localizable checkbox.
    This allows you to translate the field into different language versions.
    By default, the checkbox is selected.
    When editing a custom field in a dynamic content type, you can find this option under More options.

Limitations

On this tab, perform the following:

  1. In Number of characters allowed, enter the minimum and maximum number of characters that a user can enter in the textbox.
    If you do not want to impose limits on the textbox, leave the Max input field empty and the Min input field 0.
  2. In recommended characters, enter the maximum number of characters that the content editor will see under the field when modifying its content.

When finished, click Done.
The new field appears in the list of custom fields for the respective module.
If you want to delete a custom field, click Delete.

Save your changes.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?