diff --git a/met-api/migrations/versions/c2a384ddfe6a_add_widget_location.py b/met-api/migrations/versions/c2a384ddfe6a_add_widget_location.py
new file mode 100644
index 000000000..4cc74eb39
--- /dev/null
+++ b/met-api/migrations/versions/c2a384ddfe6a_add_widget_location.py
@@ -0,0 +1,24 @@
+"""Add locations to widgets
+
+Revision ID: c2a384ddfe6a
+Revises: 901a6724bca2
+Create Date: 2024-08-21 16:04:25.726651
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = 'c2a384ddfe6a'
+down_revision = '901a6724bca2'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    op.add_column('widget', sa.Column('location', sa.Integer(), nullable=True))
+
+
+def downgrade():
+    op.drop_column('widget', 'location')
diff --git a/met-api/src/met_api/models/widget.py b/met-api/src/met_api/models/widget.py
index 9c55a0e63..7acd7edab 100644
--- a/met-api/src/met_api/models/widget.py
+++ b/met-api/src/met_api/models/widget.py
@@ -29,6 +29,7 @@ class Widget(BaseModel):  # pylint: disable=too-few-public-methods
     title = db.Column(db.String(100), comment='Custom title for the widget.')
     items = db.relationship('WidgetItem', backref='widget', cascade='all, delete', order_by='WidgetItem.sort_index')
     sort_index = db.Column(db.Integer, nullable=False, default=1)
+    location = db.Column(db.Integer, nullable=False)
 
     @classmethod
     def get_widget_by_id(cls, widget_id):
@@ -67,6 +68,7 @@ def __create_new_widget_entity(widget):
             created_by=widget.get('created_by', None),
             updated_by=widget.get('updated_by', None),
             title=widget.get('title', None),
+            location=widget.get('location', None),
         )
 
     @classmethod
diff --git a/met-api/src/met_api/schemas/widget.py b/met-api/src/met_api/schemas/widget.py
index c2aec64d7..4c736d784 100644
--- a/met-api/src/met_api/schemas/widget.py
+++ b/met-api/src/met_api/schemas/widget.py
@@ -23,3 +23,4 @@ class Meta:  # pylint: disable=too-few-public-methods
     updated_date = fields.Str(data_key='updated_date')
     sort_index = fields.Int(data_key='sort_index')
     items = fields.List(fields.Nested(WidgetItemSchema))
+    location = fields.Int(data_key='location')
diff --git a/met-web/src/components/engagement/admin/create/widgets/WidgetPickerButton.tsx b/met-web/src/components/engagement/admin/create/widgets/WidgetPickerButton.tsx
new file mode 100644
index 000000000..ca255f2a3
--- /dev/null
+++ b/met-web/src/components/engagement/admin/create/widgets/WidgetPickerButton.tsx
@@ -0,0 +1,82 @@
+import React, { useContext, useEffect } from 'react';
+import { WidgetDrawerContext } from 'components/engagement/form/EngagementWidgets/WidgetDrawerContext';
+import { Grid, Skeleton } from '@mui/material';
+import { If, Else, Then } from 'react-if';
+import { useAppDispatch } from 'hooks';
+import { colors } from 'styles/Theme';
+import { WidgetCardSwitch } from 'components/engagement/form/EngagementWidgets/WidgetCardSwitch';
+import { openNotificationModal } from 'services/notificationModalService/notificationModalSlice';
+import { WidgetLocation } from 'models/widget';
+
+export const WidgetPickerButton = ({ location }: { location: WidgetLocation }) => {
+    const { widgets, deleteWidget, handleWidgetDrawerOpen, isWidgetsLoading, setWidgetLocation } =
+        useContext(WidgetDrawerContext);
+    const dispatch = useAppDispatch();
+
+    useEffect(() => {
+        setWidgetLocation(location);
+        return () => setWidgetLocation(0);
+    }, []);
+
+    const removeWidget = (widgetId: number) => {
+        dispatch(
+            openNotificationModal({
+                open: true,
+                data: {
+                    header: 'Remove Widget',
+                    subText: [
+                        { text: 'You will be removing this widget from the engagement.' },
+                        { text: 'Do you want to remove this widget?' },
+                    ],
+                    handleConfirm: () => {
+                        deleteWidget(widgetId);
+                    },
+                },
+                type: 'confirm',
+            }),
+        );
+    };
+
+    return (
+        <Grid container spacing={2} direction="column">
+            <If condition={isWidgetsLoading}>
+                <Then>
+                    <Grid item xs={12}>
+                        <Skeleton width="100%" height="3em" />
+                    </Grid>
+                </Then>
+                <Else>
+                    <Grid item>
+                        {/* Only ever render the first selected widget. This may change in the future. */}
+                        {widgets.length > 0 ? (
+                            <WidgetCardSwitch
+                                singleSelection={true}
+                                key={`${widgets[0].widget_type_id}`}
+                                widget={widgets[0]}
+                                removeWidget={removeWidget}
+                            />
+                        ) : (
+                            <button
+                                onClick={() => handleWidgetDrawerOpen(true)}
+                                style={{
+                                    width: '100%',
+                                    borderRadius: '8px',
+                                    borderColor: colors.surface.blue[90],
+                                    borderWidth: '2px',
+                                    borderStyle: 'dashed',
+                                    backgroundColor: colors.surface.blue[10],
+                                    padding: '3rem',
+                                    fontSize: '16px',
+                                    color: colors.surface.blue[90],
+                                    cursor: 'pointer',
+                                }}
+                            >
+                                Optional Content Widgets
+                            </button>
+                        )}
+                    </Grid>
+                </Else>
+            </If>
+        </Grid>
+    );
+};
diff --git a/met-web/src/components/engagement/admin/create/widgets/index.tsx b/met-web/src/components/engagement/admin/create/widgets/index.tsx
new file mode 100644
index 000000000..b498882b5
--- /dev/null
+++ b/met-web/src/components/engagement/admin/create/widgets/index.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import WidgetDrawer from 'components/engagement/form/EngagementWidgets/WidgetDrawer';
+import { WidgetDrawerProvider } from 'components/engagement/form/EngagementWidgets/WidgetDrawerContext';
+import { WidgetPickerButton } from './WidgetPickerButton';
+import { WidgetLocation } from 'models/widget';
+import { ActionProvider } from 'components/engagement/form/ActionContext';
+
+export const WidgetPicker = ({ location }: { location: WidgetLocation }) => {
+    return (
+        <ActionProvider>
+            <WidgetDrawerProvider>
+                <WidgetPickerButton location={location} />
+                <WidgetDrawer />
+            </WidgetDrawerProvider>
+        </ActionProvider>
+    );
+};
+
+export default WidgetPicker;
diff --git a/met-web/src/components/engagement/admin/view/ConfigSummary.tsx b/met-web/src/components/engagement/admin/view/ConfigSummary.tsx
index d24a50906..a7e2629fe 100644
--- a/met-web/src/components/engagement/admin/view/ConfigSummary.tsx
+++ b/met-web/src/components/engagement/admin/view/ConfigSummary.tsx
@@ -15,6 +15,8 @@ import { ENGAGEMENT_MEMBERSHIP_STATUS, EngagementTeamMember } from 'models/engag
 import { Button } from 'components/common/Input';
 import { faPen } from '@fortawesome/pro-regular-svg-icons';
 import { LiveAnnouncer, LiveMessage } from 'react-aria-live';
+import { WidgetPicker } from 'components/engagement/admin/create/widgets';
+import { WidgetLocation } from 'models/widget';
 
 export const ConfigSummary = () => {
     const siteUrl = getBaseUrl();
@@ -178,6 +180,10 @@ export const ConfigSummary = () => {
                         </Grid>
                     </OutlineBox>
                 </Grid>
+                <Grid item>
+                    <WidgetPicker location={WidgetLocation.engagementAuthoring} />
+                </Grid>
+
                 <Grid item sx={{ pt: '40px' }}>
                     <Button href="../config" variant="secondary" icon={<FontAwesomeIcon icon={faPen} />}>
                         Edit Configuration
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Documents/AddFileDrawer.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Documents/AddFileDrawer.tsx
index 4e1a17659..553175ab1 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Documents/AddFileDrawer.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Documents/AddFileDrawer.tsx
@@ -15,6 +15,7 @@ import ControlledSelect from 'components/common/ControlledInputComponents/Contro
 import { postDocument, patchDocument, PatchDocumentRequest } from 'services/widgetService/DocumentService';
 import { DOCUMENT_TYPE, DocumentItem } from 'models/document';
 import { updatedDiff } from 'deep-object-diff';
+import { WidgetLocation } from 'models/widget';
 
 const schema = yup
     .object({
@@ -91,6 +92,7 @@ const AddFileDrawer = () => {
             url: data.link,
             widget_id: widget.id,
             type: 'file',
+            location: widget.location in WidgetLocation ? widget.location : null,
         });
         dispatch(
             openNotification({
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Documents/CreateFolderForm.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Documents/CreateFolderForm.tsx
index c5b8fcf7f..f0c97af98 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Documents/CreateFolderForm.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Documents/CreateFolderForm.tsx
@@ -9,6 +9,7 @@ import { postDocument } from 'services/widgetService/DocumentService';
 import { WidgetDrawerContext } from '../WidgetDrawerContext';
 import { WidgetType } from 'models/widget';
 import { DOCUMENT_TYPE } from 'models/document';
+import { WidgetLocation } from 'models/widget';
 
 const CreateFolderForm = () => {
     const { loadDocuments, handleAddFileDrawerOpen, setUploadFileDrawerOpen } = useContext(DocumentsContext);
@@ -48,6 +49,7 @@ const CreateFolderForm = () => {
                 title: folderName,
                 widget_id: widget.id,
                 type: DOCUMENT_TYPE.FOLDER,
+                location: widget.location in WidgetLocation ? widget.location : null,
             });
             await loadDocuments();
             setCreatingFolder(false);
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Documents/UploadFileDrawer.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Documents/UploadFileDrawer.tsx
index 7ef37620c..31cf49531 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Documents/UploadFileDrawer.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Documents/UploadFileDrawer.tsx
@@ -24,6 +24,7 @@ import { DOCUMENT_TYPE, DocumentItem } from 'models/document';
 import { saveObject } from 'services/objectStorageService';
 import FileUpload from 'components/common/FileUpload';
 import { If, Then, Else } from 'react-if';
+import { WidgetLocation } from 'models/widget';
 
 const schema = yup
     .object({
@@ -94,6 +95,7 @@ const UploadFileDrawer = () => {
             widget_id: widget.id,
             type: 'file',
             is_uploaded: true,
+            location: widget.location in WidgetLocation ? widget.location : null,
         });
         dispatch(
             openNotification({
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Events/InPersonEventFormDrawer.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Events/InPersonEventFormDrawer.tsx
index 9cace4de2..9a99d10e4 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Events/InPersonEventFormDrawer.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Events/InPersonEventFormDrawer.tsx
@@ -18,6 +18,7 @@ import { formEventDates } from './utils';
 import dayjs from 'dayjs';
 import tz from 'dayjs/plugin/timezone';
 import { updatedDiff } from 'deep-object-diff';
+import { WidgetLocation } from 'models/widget';
 
 dayjs.extend(tz);
 
@@ -113,6 +114,7 @@ const InPersonEventFormDrawer = () => {
                         end_date: formatToUTC(dateTo),
                     },
                 ],
+                location: widget.location in WidgetLocation ? widget.location : null,
             });
 
             setEvents((prevWidgetEvents: Event[]) => [...prevWidgetEvents, createdWidgetEvent]);
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Events/VirtualSessionFormDrawer.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Events/VirtualSessionFormDrawer.tsx
index 4fb2ea086..9f7a41a0b 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Events/VirtualSessionFormDrawer.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Events/VirtualSessionFormDrawer.tsx
@@ -17,6 +17,7 @@ import { formatToUTC, formatDate } from 'components/common/dateHelper';
 import { formEventDates } from './utils';
 import dayjs from 'dayjs';
 import tz from 'dayjs/plugin/timezone';
+import { WidgetLocation } from 'models/widget';
 
 dayjs.extend(tz);
 
@@ -108,6 +109,7 @@ const VirtualSessionFormDrawer = () => {
                         end_date: formatToUTC(dateTo),
                     },
                 ],
+                location: widget.location in WidgetLocation ? widget.location : null,
             });
 
             setEvents((prevWidgetEvents: Event[]) => [...prevWidgetEvents, createdWidgetEvent]);
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Map/Form.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Map/Form.tsx
index 93959318a..eff6221ce 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Map/Form.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Map/Form.tsx
@@ -27,6 +27,7 @@ import { faCircleXmark } from '@fortawesome/pro-regular-svg-icons/faCircleXmark'
 import { When } from 'react-if';
 import * as turf from '@turf/turf';
 import { WidgetTitle } from '../WidgetTitle';
+import { WidgetLocation } from 'models/widget';
 
 const schema = yup
     .object({
@@ -98,6 +99,7 @@ const Form = () => {
             longitude: longitude,
             latitude: latitude,
             file: shapefile,
+            location: widget.location in WidgetLocation ? widget.location : null,
         });
         dispatch(openNotification({ severity: 'success', text: 'A new map was successfully added' }));
     };
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Poll/Form.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Poll/Form.tsx
index b9d32d116..438ec1070 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Poll/Form.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Poll/Form.tsx
@@ -16,6 +16,7 @@ import { PollStatus } from 'constants/engagementStatus';
 import Alert from '@mui/material/Alert';
 import usePollWidgetState from './PollWidget.hook';
 import PollAnswerForm from './PollAnswerForm';
+import { WidgetLocation } from 'models/widget';
 
 interface DetailsForm {
     title: string;
@@ -79,6 +80,7 @@ const Form = () => {
             description: description,
             answers: answers,
             status: status,
+            location: widget.location in WidgetLocation ? widget.location : null,
         });
         dispatch(openNotification({ severity: 'success', text: 'A new Poll was successfully added' }));
     };
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Timeline/Form.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Timeline/Form.tsx
index fd098fca0..5aacb1155 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Timeline/Form.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Timeline/Form.tsx
@@ -10,6 +10,7 @@ import { TimelineContext } from './TimelineContext';
 import { patchTimeline, postTimeline } from 'services/widgetService/TimelineService';
 import { WidgetTitle } from '../WidgetTitle';
 import { TimelineEvent } from 'models/timelineWidget';
+import { WidgetLocation } from 'models/widget';
 
 interface DetailsForm {
     title: string;
@@ -81,6 +82,7 @@ const Form = () => {
             title: title,
             description: description,
             events: events,
+            location: widget.location in WidgetLocation ? widget.location : null,
         });
         dispatch(openNotification({ severity: 'success', text: 'A new timeline was successfully added' }));
     };
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/Video/Form.tsx b/met-web/src/components/engagement/form/EngagementWidgets/Video/Form.tsx
index e3df41268..20721b408 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/Video/Form.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/Video/Form.tsx
@@ -13,6 +13,7 @@ import { VideoContext } from './VideoContext';
 import { patchVideo, postVideo } from 'services/widgetService/VideoService';
 import { updatedDiff } from 'deep-object-diff';
 import { WidgetTitle } from '../WidgetTitle';
+import { WidgetLocation } from 'models/widget';
 
 const schema = yup
     .object({
@@ -61,6 +62,7 @@ const Form = () => {
             engagement_id: widget.engagement_id,
             video_url: videoUrl,
             description: description,
+            location: widget.location in WidgetLocation ? widget.location : null,
         });
         dispatch(openNotification({ severity: 'success', text: 'A new video was successfully added' }));
     };
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningForm.tsx b/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningForm.tsx
index 47f0269d3..3847d35b3 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningForm.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningForm.tsx
@@ -19,8 +19,8 @@ const WhoIsListeningForm = () => {
     const [selectedContact, setSelectedContact] = useState<Contact | null>(null);
     const [savingWidgetItems, setSavingWidgetItems] = useState(false);
     const [createWidgetItems] = useCreateWidgetItemsMutation();
-
     const widget = widgets.filter((widget) => widget.widget_type_id === WidgetType.WhoIsListening)[0] || null;
+
     useEffect(() => {
         const savedContacts = widget.items
             .map((widget_item) => {
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningOptionCard.tsx b/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningOptionCard.tsx
index 99c7fd47e..15ccfc71b 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningOptionCard.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/WhoIsListening/WhoIsListeningOptionCard.tsx
@@ -12,11 +12,12 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faUserGroupSimple } from '@fortawesome/pro-regular-svg-icons/faUserGroupSimple';
 import { useCreateWidgetMutation } from 'apiManager/apiSlices/widgets';
 import { optionCardStyle } from '../constants';
+import { WidgetLocation } from 'models/widget';
 
 const Title = 'Who is Listening';
 const WhoIsListeningOptionCard = () => {
     const { savedEngagement } = useContext(ActionContext);
-    const { widgets, loadWidgets, handleWidgetDrawerTabValueChange } = useContext(WidgetDrawerContext);
+    const { widgets, loadWidgets, handleWidgetDrawerTabValueChange, widgetLocation } = useContext(WidgetDrawerContext);
     const dispatch = useAppDispatch();
     const [createWidget] = useCreateWidgetMutation();
     const [isCreatingWidget, setIsCreatingWidget] = useState(false);
@@ -34,6 +35,7 @@ const WhoIsListeningOptionCard = () => {
                 widget_type_id: WidgetType.WhoIsListening,
                 engagement_id: savedEngagement.id,
                 title: Title,
+                location: widgetLocation in WidgetLocation ? widgetLocation : 0,
             });
             await loadWidgets();
             dispatch(
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/WidgetCardSwitch.tsx b/met-web/src/components/engagement/form/EngagementWidgets/WidgetCardSwitch.tsx
index 4a4472a44..5ebb203f3 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/WidgetCardSwitch.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/WidgetCardSwitch.tsx
@@ -6,10 +6,11 @@ import { WidgetDrawerContext } from './WidgetDrawerContext';
 import { WidgetTabValues } from './type';
 
 interface WidgetCardSwitchProps {
+    singleSelection?: boolean;
     widget: Widget;
     removeWidget: (widgetId: number) => void;
 }
-export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps) => {
+export const WidgetCardSwitch = ({ singleSelection = false, widget, removeWidget }: WidgetCardSwitchProps) => {
     const { handleWidgetDrawerOpen, handleWidgetDrawerTabValueChange } = useContext(WidgetDrawerContext);
 
     return (
@@ -17,6 +18,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
             <Switch>
                 <Case condition={widget.widget_type_id === WidgetType.WhoIsListening}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`who-is-listening-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -30,6 +32,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Document}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`document-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -43,6 +46,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Subscribe}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`subscribe-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -56,6 +60,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Events}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`event-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -69,6 +74,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Map}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`event-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -82,6 +88,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Video}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`event-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -95,6 +102,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Timeline}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`event-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
@@ -108,6 +116,7 @@ export const WidgetCardSwitch = ({ widget, removeWidget }: WidgetCardSwitchProps
                 </Case>
                 <Case condition={widget.widget_type_id === WidgetType.Poll}>
                     <MetWidget
+                        sortable={!singleSelection}
                         testId={`event-${widget.widget_type_id}`}
                         title={widget.title}
                         onDelete={() => {
diff --git a/met-web/src/components/engagement/form/EngagementWidgets/WidgetDrawerContext.tsx b/met-web/src/components/engagement/form/EngagementWidgets/WidgetDrawerContext.tsx
index 249b5fe28..2d0d53280 100644
--- a/met-web/src/components/engagement/form/EngagementWidgets/WidgetDrawerContext.tsx
+++ b/met-web/src/components/engagement/form/EngagementWidgets/WidgetDrawerContext.tsx
@@ -18,6 +18,8 @@ export interface WidgetDrawerContextProps {
     loadWidgets: () => Promise<void>;
     deleteWidget: (widgetIndex: number) => void;
     updateWidgetsSorting: (widgets: Widget[]) => void;
+    widgetLocation: number;
+    setWidgetLocation: (widgetLocation: number) => void;
 }
 
 export type EngagementParams = {
@@ -45,6 +47,10 @@ export const WidgetDrawerContext = createContext<WidgetDrawerContextProps>({
     updateWidgetsSorting: (widgets: Widget[]) => {
         /* empty default method  */
     },
+    widgetLocation: 0,
+    setWidgetLocation: (widgetLocation: number) => {
+        /* empty default method  */
+    },
 });
 
 export const WidgetDrawerProvider = ({ children }: { children: JSX.Element | JSX.Element[] }) => {
@@ -56,6 +62,7 @@ export const WidgetDrawerProvider = ({ children }: { children: JSX.Element | JSX
     const [widgetDrawerTabValue, setWidgetDrawerTabValue] = React.useState(WidgetTabValues.WIDGET_OPTIONS);
     const [removeWidget] = useDeleteWidgetMutation();
     const [sortWidgets] = useSortWidgetsMutation();
+    const [widgetLocation, setWidgetLocation] = useState(0);
 
     const deleteWidget = async (widgetId: number) => {
         try {
@@ -116,6 +123,8 @@ export const WidgetDrawerProvider = ({ children }: { children: JSX.Element | JSX
                 handleWidgetDrawerTabValueChange,
                 isWidgetsLoading,
                 loadWidgets,
+                widgetLocation,
+                setWidgetLocation,
             }}
         >
             {children}
diff --git a/met-web/src/models/widget.tsx b/met-web/src/models/widget.tsx
index 07043b0e3..a0bbff8b1 100644
--- a/met-web/src/models/widget.tsx
+++ b/met-web/src/models/widget.tsx
@@ -11,6 +11,7 @@ export interface Widget {
     engagement_id: number;
     items: WidgetItem[];
     title: string;
+    location: WidgetLocation;
 }
 
 export enum WidgetType {
@@ -24,3 +25,7 @@ export enum WidgetType {
     Timeline = 9,
     Poll = 10,
 }
+
+export enum WidgetLocation {
+    engagementAuthoring = 1,
+}
diff --git a/met-web/src/services/widgetService/DocumentService/index.tsx b/met-web/src/services/widgetService/DocumentService/index.tsx
index 75e612772..a8dabf74a 100644
--- a/met-web/src/services/widgetService/DocumentService/index.tsx
+++ b/met-web/src/services/widgetService/DocumentService/index.tsx
@@ -2,6 +2,7 @@ import http from 'apiManager/httpRequestHandler';
 import { DocumentItem, DocumentType } from 'models/document';
 import Endpoints from 'apiManager/endpoints';
 import { replaceAllInURL, replaceUrl } from 'helper';
+import { WidgetLocation } from 'models/widget';
 
 export const fetchDocuments = async (widget_id: number): Promise<DocumentItem[]> => {
     try {
@@ -20,6 +21,7 @@ interface PostDocumentRequest {
     url?: string;
     type: DocumentType;
     is_uploaded?: boolean;
+    location: WidgetLocation | null;
 }
 export const postDocument = async (widget_id: number, data: PostDocumentRequest): Promise<DocumentItem> => {
     try {
diff --git a/met-web/src/services/widgetService/EventService/index.tsx b/met-web/src/services/widgetService/EventService/index.tsx
index 4d9f963f2..6744c805f 100644
--- a/met-web/src/services/widgetService/EventService/index.tsx
+++ b/met-web/src/services/widgetService/EventService/index.tsx
@@ -2,6 +2,7 @@ import http from 'apiManager/httpRequestHandler';
 import Endpoints from 'apiManager/endpoints';
 import { replaceUrl, replaceAllInURL } from 'helper';
 import { Event, EventTypeLabel } from 'models/event';
+import { WidgetLocation } from 'models/widget';
 
 export const getEvents = async (widget_id: number): Promise<Event[]> => {
     try {
@@ -26,6 +27,7 @@ interface PostEventProps {
         url?: string;
         url_label?: string;
     }[];
+    location: WidgetLocation | null;
 }
 export const postEvent = async (widget_id: number, data: PostEventProps): Promise<Event> => {
     try {
diff --git a/met-web/src/services/widgetService/MapService/index.tsx b/met-web/src/services/widgetService/MapService/index.tsx
index afd2d1a1f..de1aa1edb 100644
--- a/met-web/src/services/widgetService/MapService/index.tsx
+++ b/met-web/src/services/widgetService/MapService/index.tsx
@@ -3,6 +3,7 @@ import { WidgetMap } from 'models/widgetMap';
 import Endpoints from 'apiManager/endpoints';
 import { replaceUrl } from 'helper';
 import { GeoJSON } from 'geojson';
+import { WidgetLocation } from 'models/widget';
 
 export const fetchMaps = async (widget_id: number): Promise<WidgetMap[]> => {
     try {
@@ -21,6 +22,7 @@ interface PostMapRequest {
     latitude: number;
     marker_label?: string;
     file?: File;
+    location: WidgetLocation | null;
 }
 
 export const postMap = async (widget_id: number, data: PostMapRequest): Promise<WidgetMap> => {
diff --git a/met-web/src/services/widgetService/PollService/index.tsx b/met-web/src/services/widgetService/PollService/index.tsx
index 2cf5ee0ec..eb8f78abb 100644
--- a/met-web/src/services/widgetService/PollService/index.tsx
+++ b/met-web/src/services/widgetService/PollService/index.tsx
@@ -2,6 +2,7 @@ import http from 'apiManager/httpRequestHandler';
 import Endpoints from 'apiManager/endpoints';
 import { replaceAllInURL, replaceUrl } from 'helper';
 import { PollWidget, PollAnswer, PollResponse, PollResultResponse } from 'models/pollWidget';
+import { WidgetLocation } from 'models/widget';
 
 interface PostPollRequest {
     widget_id: number;
@@ -10,6 +11,7 @@ interface PostPollRequest {
     description: string;
     answers: PollAnswer[];
     status: string;
+    location: WidgetLocation | null;
 }
 
 interface PostPollResponse {
diff --git a/met-web/src/services/widgetService/TimelineService/index.tsx b/met-web/src/services/widgetService/TimelineService/index.tsx
index e90cd0b84..fcf1fc49b 100644
--- a/met-web/src/services/widgetService/TimelineService/index.tsx
+++ b/met-web/src/services/widgetService/TimelineService/index.tsx
@@ -2,6 +2,7 @@ import http from 'apiManager/httpRequestHandler';
 import Endpoints from 'apiManager/endpoints';
 import { replaceAllInURL, replaceUrl } from 'helper';
 import { TimelineWidget, TimelineEvent } from 'models/timelineWidget';
+import { WidgetLocation } from 'models/widget';
 
 interface PostTimelineRequest {
     widget_id: number;
@@ -9,6 +10,7 @@ interface PostTimelineRequest {
     title: string;
     description: string;
     events: TimelineEvent[];
+    location: WidgetLocation | null;
 }
 
 interface PatchTimelineRequest {
diff --git a/met-web/src/services/widgetService/VideoService/index.tsx b/met-web/src/services/widgetService/VideoService/index.tsx
index 4398527c8..07bfea460 100644
--- a/met-web/src/services/widgetService/VideoService/index.tsx
+++ b/met-web/src/services/widgetService/VideoService/index.tsx
@@ -2,6 +2,7 @@ import http from 'apiManager/httpRequestHandler';
 import Endpoints from 'apiManager/endpoints';
 import { replaceAllInURL, replaceUrl } from 'helper';
 import { VideoWidget } from 'models/videoWidget';
+import { WidgetLocation } from 'models/widget';
 
 export const fetchVideoWidgets = async (widget_id: number): Promise<VideoWidget[]> => {
     try {
@@ -18,6 +19,7 @@ interface PostVideoRequest {
     engagement_id: number;
     video_url: string;
     description: string;
+    location: WidgetLocation | null;
 }
 
 export const postVideo = async (widget_id: number, data: PostVideoRequest): Promise<VideoWidget> => {