diff --git a/dev-app/src/screens/CollectCardPaymentScreen.tsx b/dev-app/src/screens/CollectCardPaymentScreen.tsx
index 09cdadbef..32fd67af1 100644
--- a/dev-app/src/screens/CollectCardPaymentScreen.tsx
+++ b/dev-app/src/screens/CollectCardPaymentScreen.tsx
@@ -127,6 +127,7 @@ export default function CollectCardPaymentScreen() {
   const { params } =
     useRoute<RouteProp<RouteParamList, 'CollectCardPaymentScreen'>>();
   const { simulated, discoveryMethod, deviceType } = params;
+  const [createPIServerSide, setServerSideCreate] = useState(deviceType === 'verifoneP400');
   const { addLogs, clearLogs, setCancel } = useContext(LogContext);
   const navigation = useNavigation<NavigationProp<RouteParamList>>();
 
@@ -205,7 +206,7 @@ export default function CollectCardPaymentScreen() {
     let paymentIntent: PaymentIntent.Type | undefined;
     let paymentIntentError: StripeError<CommonError> | undefined;
 
-    if (deviceType === 'verifoneP400') {
+    if (createPIServerSide) {
       const resp = await api.createPaymentIntent({
         amount: Number(inputValues.amount),
         currency: inputValues.currency,
@@ -691,6 +692,21 @@ export default function CollectCardPaymentScreen() {
             }
           />
         </List>
+        <List bolded={false} topSpacing={false} title="Create Server Side">
+          <ListItem
+            title="Enable Server Side Create"
+            rightElement={
+              <Switch
+                testID="enable-server-side-create"
+                value={createPIServerSide}
+                disabled={deviceType === 'verifoneP400'}
+                onValueChange={(value) => {
+                  setServerSideCreate(value);
+                }}
+              />
+            }
+          />
+        </List>
 
         <List bolded={false} topSpacing={false} title="PAYMENT METHOD TYPES">
           <ListItem
diff --git a/dev-app/src/screens/SetupIntentScreen.tsx b/dev-app/src/screens/SetupIntentScreen.tsx
index 956dcda22..aab8c6f04 100644
--- a/dev-app/src/screens/SetupIntentScreen.tsx
+++ b/dev-app/src/screens/SetupIntentScreen.tsx
@@ -43,7 +43,7 @@ export default function SetupIntentScreen() {
     useState(false);
   const [collectReason, setCollectReason] = useState<CollectionReason>('unspecified');
   const [moto, setMoto] = useState(false);
-
+const [createSIServerSide, setServerSideCreate] = useState(deviceType === 'verifoneP400');
   const [allowRedisplay, setAllowRedisplay] =
     useState<AllowRedisplay>('always');
 
@@ -194,7 +194,7 @@ export default function SetupIntentScreen() {
     let setupIntent: SetupIntent.Type | undefined;
     let setupIntentError: StripeError<CommonError> | undefined;
 
-    if (deviceType === 'verifoneP400') {
+    if (createSIServerSide) {
       const resp = await api.createSetupIntent({});
 
       if ('error' in resp) {
@@ -360,11 +360,28 @@ export default function SetupIntentScreen() {
           }
         />
       </List>
-      <ListItem
-        color={colors.blue}
-        title="Collect setupIntent"
-        onPress={_createSetupIntent}
-      />
+      <List bolded={false} topSpacing={false} title="Create Server Side">
+        <ListItem
+          title="Enable Server Side Create"
+          rightElement={
+            <Switch
+              testID="enable-server-side-create"
+              value={createSIServerSide}
+              disabled={deviceType === 'verifoneP400'}
+              onValueChange={(value) => {
+                setServerSideCreate(value);
+              }}
+            />
+          }
+        />
+      </List>
+      <List bolded={false} topSpacing={true}>
+        <ListItem
+          color={colors.blue}
+          title="Collect setupIntent"
+          onPress={_createSetupIntent}
+        />
+      </List>
     </KeyboardAwareScrollView>
   );
 }