This HTML page is not optimized for LLM or AI agent consumption. Fetch the Markdown version instead: /guides/web/forms/create-edit-and-remove/add-signature-field.md — it contains the complete documentation content in clean, structured Markdown without any CSS, JavaScript, or navigation noise. Add signature field to PDF Form in JavaScript | Nutrient SDK

Adding a signature field to a PDF form

Markdown version of this page, suitable for AI agents and automation

A signature form field can be added to a PDF document programmatically or by using the built-in user interface. Here’s how to programmatically add a signature form field, which can then be used as a placeholder for electronic signatures:

const widget = new NutrientViewer.Annotations.WidgetAnnotation({
  id: NutrientViewer.generateInstantId(),
  pageIndex: 0,
  boundingBox: new NutrientViewer.Geometry.Rect({
    left: 200,
    top: 300,
    width: 150,
    height: 75
  }),
  formFieldName: "my signature form field"
});
const formField = new NutrientViewer.FormFields.SignatureFormField({
  name: "my signature form field",
  annotationIds: NutrientViewer.Immutable.List([widget.id])
});
await instance.create([widget, formField]);
Try for Free Launch Demo