diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 6a2076cf5d..a2ddd3504e 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -12,7 +12,7 @@
         "@0xsquid/squid-types": "^0.1.29",
         "@covalenthq/client-sdk": "^0.6.4",
         "@dcl/crypto": "^3.0.0",
-        "@dcl/schemas": "^11.10.5",
+        "@dcl/schemas": "^12.0.0",
         "@dcl/single-sign-on-client": "^0.1.0",
         "@dcl/ui-env": "^1.5.0",
         "@ethersproject/providers": "^5.6.2",
@@ -1743,9 +1743,9 @@
       "integrity": "sha512-Cg+MoIOn+BYmQV2q8zSFnNYY+GldlnUazwBnfgrq3i66ZxOaZ65h01btd8OUtSAlfWG4VTNIOHDjtKqmuwJNBg=="
     },
     "node_modules/@dcl/schemas": {
-      "version": "11.10.5",
-      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-11.10.5.tgz",
-      "integrity": "sha512-/SqtrVh68lQF4iwe0HIU/egR076PPFpmp6NF6HpikKcHywS6xSi+IdMyI6uYdbT2jV3C9QmIB9foVBI0qsIsSA==",
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-12.0.0.tgz",
+      "integrity": "sha512-wQ5acIFHRsian6HPuYpFxJxNyhAW30iobInoo3vR5RCTyKa6XJR+dafaSYuj+CwOihwl5BWV9mp9oZ5c6XOG3Q==",
       "dependencies": {
         "ajv": "^8.11.0",
         "ajv-errors": "^3.0.0",
@@ -9110,6 +9110,17 @@
       "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.10.1.tgz",
       "integrity": "sha512-96Z2IP3mYmF1Xg2cDm8f1gWGf/HUVedQ3FMifV4kG/PQ4yEP51xDtRAEfhVNt5f/uzpNkZHwWQuUcu6D6K+Ekw=="
     },
+    "node_modules/decentraland-connect/node_modules/@dcl/schemas": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-11.12.0.tgz",
+      "integrity": "sha512-L04KTucvxSnrHDAl3/rnkzhjfZ785dSSPeKarBVfzyuw41uyQ0Mh4HVFWjX9hC+f/nMpM5Adg5udlT5efmepcA==",
+      "dependencies": {
+        "ajv": "^8.11.0",
+        "ajv-errors": "^3.0.0",
+        "ajv-keywords": "^5.1.0",
+        "mitt": "^3.0.1"
+      }
+    },
     "node_modules/decentraland-connect/node_modules/@noble/curves": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.2.0.tgz",
@@ -9258,6 +9269,17 @@
       "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.10.1.tgz",
       "integrity": "sha512-96Z2IP3mYmF1Xg2cDm8f1gWGf/HUVedQ3FMifV4kG/PQ4yEP51xDtRAEfhVNt5f/uzpNkZHwWQuUcu6D6K+Ekw=="
     },
+    "node_modules/decentraland-dapps/node_modules/@dcl/schemas": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-11.12.0.tgz",
+      "integrity": "sha512-L04KTucvxSnrHDAl3/rnkzhjfZ785dSSPeKarBVfzyuw41uyQ0Mh4HVFWjX9hC+f/nMpM5Adg5udlT5efmepcA==",
+      "dependencies": {
+        "ajv": "^8.11.0",
+        "ajv-errors": "^3.0.0",
+        "ajv-keywords": "^5.1.0",
+        "mitt": "^3.0.1"
+      }
+    },
     "node_modules/decentraland-dapps/node_modules/@formatjs/intl": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@formatjs/intl/-/intl-2.2.1.tgz",
@@ -9514,6 +9536,17 @@
         }
       }
     },
+    "node_modules/decentraland-ui/node_modules/@dcl/schemas": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-11.12.0.tgz",
+      "integrity": "sha512-L04KTucvxSnrHDAl3/rnkzhjfZ785dSSPeKarBVfzyuw41uyQ0Mh4HVFWjX9hC+f/nMpM5Adg5udlT5efmepcA==",
+      "dependencies": {
+        "ajv": "^8.11.0",
+        "ajv-errors": "^3.0.0",
+        "ajv-keywords": "^5.1.0",
+        "mitt": "^3.0.1"
+      }
+    },
     "node_modules/decimal.js": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
diff --git a/webapp/package.json b/webapp/package.json
index 564c66e337..93c15a9fff 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -7,7 +7,7 @@
     "@0xsquid/squid-types": "^0.1.29",
     "@covalenthq/client-sdk": "^0.6.4",
     "@dcl/crypto": "^3.0.0",
-    "@dcl/schemas": "^11.10.5",
+    "@dcl/schemas": "^12.0.0",
     "@dcl/single-sign-on-client": "^0.1.0",
     "@dcl/ui-env": "^1.5.0",
     "@ethersproject/providers": "^5.6.2",
diff --git a/webapp/src/components/AssetPage/YourOffer/YourOffer.tsx b/webapp/src/components/AssetPage/YourOffer/YourOffer.tsx
index 77f4d6a655..763802776a 100644
--- a/webapp/src/components/AssetPage/YourOffer/YourOffer.tsx
+++ b/webapp/src/components/AssetPage/YourOffer/YourOffer.tsx
@@ -127,7 +127,12 @@ const YourOffer = (props: Props) => {
           <Button inverted fluid className={styles.actions} onClick={() => onCancel(bid)}>
             {t('offers_table.remove')}
           </Button>
-          <Button primary fluid className={styles.actions} onClick={() => history.push(locations.bid(bid.contractAddress, bid.tokenId))}>
+          <Button
+            primary
+            fluid
+            className={styles.actions}
+            onClick={() => 'tokenId' in bid && history.push(locations.bid(bid.contractAddress, bid.tokenId))}
+          >
             {t('global.update')}
           </Button>
         </div>
diff --git a/webapp/src/components/Bid/AcceptButton/AcceptButton.tsx b/webapp/src/components/Bid/AcceptButton/AcceptButton.tsx
index 75f93f618d..7ce5d53efe 100644
--- a/webapp/src/components/Bid/AcceptButton/AcceptButton.tsx
+++ b/webapp/src/components/Bid/AcceptButton/AcceptButton.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
 import { Button, Popup } from 'decentraland-ui'
+import { isNFT } from '../../../modules/asset/utils'
 import { isInsufficientMANA, checkFingerprint } from '../../../modules/bid/utils'
 import { useFingerprint } from '../../../modules/nft/hooks'
 import { isLandLocked } from '../../../modules/rental/utils'
@@ -8,11 +9,11 @@ import { LandLockedPopup } from '../../LandLockedPopup'
 import { Props } from './AcceptButton.types'
 
 const AcceptButton = (props: Props) => {
-  const { nft, bid, onClick, rental, userAddress } = props
+  const { asset, bid, onClick, rental, userAddress } = props
 
-  const [fingerprint, isLoadingFingerprint] = useFingerprint(nft)
+  const [fingerprint, isLoadingFingerprint] = useFingerprint(asset && isNFT(asset) ? asset : null)
   const [hasInsufficientMANA, setHasInsufficientMANA] = useState(false)
-  const isCurrentlyLocked = rental && nft && isLandLocked(userAddress, rental, nft)
+  const isCurrentlyLocked = rental && asset && isLandLocked(userAddress, rental, asset)
 
   useEffect(() => {
     isInsufficientMANA(bid)
@@ -21,9 +22,10 @@ const AcceptButton = (props: Props) => {
   }, [bid])
 
   const isValidFingerprint = checkFingerprint(bid, fingerprint)
-  const isValidSeller = !!nft && nft.owner === bid.seller
+  const assetOwner = !!asset && (isNFT(asset) ? asset.owner : asset?.creator)
+  const isValidSeller = assetOwner && assetOwner === userAddress
 
-  const isDisabled = isCurrentlyLocked || !nft || isLoadingFingerprint || hasInsufficientMANA || !isValidFingerprint || !isValidSeller
+  const isDisabled = isCurrentlyLocked || !asset || isLoadingFingerprint || hasInsufficientMANA || !isValidFingerprint || !isValidSeller
 
   let button = (
     <Button primary disabled={isDisabled} onClick={onClick}>
@@ -51,7 +53,7 @@ const AcceptButton = (props: Props) => {
     button = <Popup content={t('bid.invalid_seller')} position="top center" trigger={<div className="popup-button">{button}</div>} />
   } else if (isCurrentlyLocked) {
     button = (
-      <LandLockedPopup asset={nft} rental={rental} userAddress={userAddress}>
+      <LandLockedPopup asset={asset} rental={rental} userAddress={userAddress}>
         {button}
       </LandLockedPopup>
     )
diff --git a/webapp/src/components/Bid/AcceptButton/AcceptButton.types.ts b/webapp/src/components/Bid/AcceptButton/AcceptButton.types.ts
index 6816efe942..9e9000bdbe 100644
--- a/webapp/src/components/Bid/AcceptButton/AcceptButton.types.ts
+++ b/webapp/src/components/Bid/AcceptButton/AcceptButton.types.ts
@@ -1,8 +1,8 @@
 import { Bid, RentalListing } from '@dcl/schemas'
-import { NFT } from '../../../modules/nft/types'
+import { Asset } from '../../../modules/asset/types'
 
 export type Props = {
-  nft: NFT | null
+  asset: Asset | null
   rental: RentalListing | null
   bid: Bid
   userAddress: string
diff --git a/webapp/src/components/Bid/Bid.container.ts b/webapp/src/components/Bid/Bid.container.ts
index e4a6355611..927e787576 100644
--- a/webapp/src/components/Bid/Bid.container.ts
+++ b/webapp/src/components/Bid/Bid.container.ts
@@ -2,8 +2,11 @@ import { connect } from 'react-redux'
 import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors'
 import { cancelBidRequest, archiveBid, unarchiveBid, acceptBidRequest, ACCEPT_BID_REQUEST } from '../../modules/bid/actions'
 import { getLoading } from '../../modules/bid/selectors'
+import { getContract } from '../../modules/contract/selectors'
+import { getIsBidsOffChainEnabled } from '../../modules/features/selectors'
 import { RootState } from '../../modules/reducer'
 import { getArchivedBidIds } from '../../modules/ui/nft/bid/selectors'
+import { Contract } from '../../modules/vendor/services'
 import { getWallet } from '../../modules/wallet/selectors'
 import Bid from './Bid'
 import { MapStateProps, MapDispatchProps, MapDispatch } from './Bid.types'
@@ -11,7 +14,9 @@ import { MapStateProps, MapDispatchProps, MapDispatch } from './Bid.types'
 const mapState = (state: RootState): MapStateProps => ({
   wallet: getWallet(state),
   archivedBidIds: getArchivedBidIds(state),
-  isAcceptingBid: isLoadingType(getLoading(state), ACCEPT_BID_REQUEST)
+  isAcceptingBid: isLoadingType(getLoading(state), ACCEPT_BID_REQUEST),
+  isBidsOffchainEnabled: getIsBidsOffChainEnabled(state),
+  getContract: (query: Partial<Contract>) => getContract(state, query)
 })
 
 const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({
diff --git a/webapp/src/components/Bid/Bid.tsx b/webapp/src/components/Bid/Bid.tsx
index d7dc34970c..f862772fef 100644
--- a/webapp/src/components/Bid/Bid.tsx
+++ b/webapp/src/components/Bid/Bid.tsx
@@ -1,7 +1,12 @@
-import React, { useCallback, useState } from 'react'
+import React, { useCallback, useEffect, useState } from 'react'
 import { Link, useHistory } from 'react-router-dom'
 import { ethers } from 'ethers'
+import { Contract } from '@dcl/schemas'
+import { withAuthorizedAction } from 'decentraland-dapps/dist/containers'
+import { AuthorizedAction } from 'decentraland-dapps/dist/containers/withAuthorizedAction/AuthorizationModal'
+import { AuthorizationType } from 'decentraland-dapps/dist/modules/authorization'
 import { T, t } from 'decentraland-dapps/dist/modules/translation/utils'
+import { ContractName, getContract as getDCLContract } from 'decentraland-transactions'
 import { Loader, Stats, Button } from 'decentraland-ui'
 import { formatDistanceToNow } from '../../lib/date'
 import { formatWeiMANA } from '../../lib/mana'
@@ -15,21 +20,66 @@ import { ConfirmInputValueModal } from '../ConfirmInputValueModal'
 import { LinkedProfile } from '../LinkedProfile'
 import { Mana } from '../Mana'
 import { AcceptButton } from './AcceptButton'
+import { fetchContractName } from './utils'
 import { WarningMessage } from './WarningMessage'
 import { Props } from './Bid.types'
 import './Bid.css'
 
 const Bid = (props: Props) => {
-  const { bid, wallet, archivedBidIds, onAccept, onArchive, onUnarchive, onCancel, isArchivable, hasImage, isAcceptingBid } = props
+  const {
+    bid,
+    wallet,
+    archivedBidIds,
+    isBidsOffchainEnabled,
+    onAuthorizedAction,
+    onAccept,
+    onArchive,
+    onUnarchive,
+    onCancel,
+    getContract,
+    isArchivable,
+    hasImage,
+    isAcceptingBid
+  } = props
   const history = useHistory()
+  const [targetContractLabel, setTargetContractLabel] = useState<string | null>('')
 
   const isArchived = archivedBidIds.includes(bid.id)
   const isBidder = !!wallet && addressEquals(wallet.address, bid.bidder)
   const isSeller = !!wallet && addressEquals(wallet.address, bid.seller)
+  const nftContract = getContract({ address: bid.contractAddress, chainId: bid.chainId })
+
+  useEffect(() => {
+    fetchContractName(nftContract)
+      .then(name => setTargetContractLabel(name))
+      .catch(() => console.error('Could not fetch contract name'))
+  }, [nftContract])
 
   const [showConfirmationModal, setShowConfirmationModal] = useState(false)
-  const handleConfirm = useCallback(() => onAccept(bid), [bid, onAccept])
+  const handleConfirm = useCallback(() => {
+    if (isBidsOffchainEnabled && 'tradeId' in bid) {
+      const offchainMarketplaceContract = getDCLContract(ContractName.OffChainMarketplace, bid.chainId)
+
+      if ('tokenId' in bid) {
+        onAuthorizedAction({
+          targetContractName: ContractName.ERC721,
+          targetContractLabel: targetContractLabel || nftContract?.label || nftContract?.name,
+          authorizedAddress: offchainMarketplaceContract.address,
+          targetContract: nftContract as Contract,
+          authorizationType: AuthorizationType.APPROVAL,
+          authorizedContractLabel: offchainMarketplaceContract.name,
+          tokenId: bid.tokenId,
+          onAuthorized: () => onAccept(bid)
+        })
+      } else {
+        console.error('Implement bid acceptance for items')
+      }
+    } else {
+      onAccept(bid)
+    }
+  }, [bid, onAccept])
   const handleAccept = () => setShowConfirmationModal(true)
+  const isNftBid = 'tokenId' in bid
 
   return (
     <>
@@ -37,13 +87,19 @@ const Bid = (props: Props) => {
         <div className="bid-row">
           {hasImage ? (
             <div className="image">
-              <AssetProvider type={AssetType.NFT} contractAddress={bid.contractAddress} tokenId={bid.tokenId}>
-                {(nft, _order, _rental, isLoading) => (
+              <AssetProvider
+                type={isNftBid ? AssetType.NFT : AssetType.ITEM}
+                contractAddress={bid.contractAddress}
+                tokenId={isNftBid ? bid.tokenId : bid.itemId}
+              >
+                {(asset, _order, _rental, isLoading) => (
                   <>
-                    {!nft && isLoading ? <Loader active /> : null}
-                    {nft ? (
-                      <Link to={locations.nft(bid.contractAddress, bid.tokenId)}>
-                        <AssetImage asset={nft} />{' '}
+                    {!asset && isLoading ? <Loader active /> : null}
+                    {asset ? (
+                      <Link
+                        to={isNftBid ? locations.nft(bid.contractAddress, bid.tokenId) : locations.item(bid.contractAddress, bid.itemId)}
+                      >
+                        <AssetImage asset={asset} />{' '}
                       </Link>
                     ) : null}
                   </>
@@ -65,7 +121,7 @@ const Bid = (props: Props) => {
             </div>
             {isBidder || isSeller ? (
               <div className="actions">
-                {isBidder ? (
+                {isBidder && 'bidAddress' in bid ? (
                   <>
                     <Button primary onClick={() => history.push(locations.bid(bid.contractAddress, bid.tokenId))}>
                       {t('global.update')}
@@ -75,9 +131,13 @@ const Bid = (props: Props) => {
                 ) : null}
                 {isSeller ? (
                   <>
-                    <AssetProvider type={AssetType.NFT} contractAddress={bid.contractAddress} tokenId={bid.tokenId}>
-                      {(nft, _order, rental) => (
-                        <AcceptButton userAddress={wallet.address} nft={nft} rental={rental} bid={bid} onClick={handleAccept} />
+                    <AssetProvider
+                      type={isNftBid ? AssetType.NFT : AssetType.ITEM}
+                      contractAddress={bid.contractAddress}
+                      tokenId={isNftBid ? bid.tokenId : bid.itemId}
+                    >
+                      {(asset, _order, rental) => (
+                        <AcceptButton userAddress={wallet.address} asset={asset} rental={rental} bid={bid} onClick={handleAccept} />
                       )}
                     </AssetProvider>
 
@@ -95,15 +155,19 @@ const Bid = (props: Props) => {
           </div>
         </div>
         {isBidder ? (
-          <AssetProvider type={AssetType.NFT} contractAddress={bid.contractAddress} tokenId={bid.tokenId}>
+          <AssetProvider type={AssetType.NFT} contractAddress={bid.contractAddress} tokenId={isNftBid ? bid.tokenId : bid.itemId}>
             {nft => <WarningMessage nft={nft} bid={bid} />}
           </AssetProvider>
         ) : null}
       </div>
       {showConfirmationModal ? (
-        <AssetProvider type={AssetType.NFT} contractAddress={bid.contractAddress} tokenId={bid.tokenId}>
-          {nft =>
-            nft && (
+        <AssetProvider
+          type={isNftBid ? AssetType.NFT : AssetType.ITEM}
+          contractAddress={bid.contractAddress}
+          tokenId={isNftBid ? bid.tokenId : bid.itemId}
+        >
+          {asset =>
+            asset && (
               <ConfirmInputValueModal
                 open={showConfirmationModal}
                 headerTitle={t('bid_page.confirm.title')}
@@ -112,9 +176,9 @@ const Bid = (props: Props) => {
                     <T
                       id="bid_page.confirm.accept_bid_line_one"
                       values={{
-                        name: <b>{getAssetName(nft)}</b>,
+                        name: <b>{getAssetName(asset)}</b>,
                         amount: (
-                          <Mana showTooltip network={nft.network} inline>
+                          <Mana showTooltip network={asset.network} inline>
                             {formatWeiMANA(bid.price)}
                           </Mana>
                         )
@@ -126,7 +190,7 @@ const Bid = (props: Props) => {
                 }
                 onConfirm={handleConfirm}
                 valueToConfirm={ethers.utils.formatEther(bid.price)}
-                network={nft.network}
+                network={asset.network}
                 onCancel={() => setShowConfirmationModal(false)}
                 loading={isAcceptingBid}
                 disabled={isAcceptingBid}
@@ -144,4 +208,9 @@ Bid.defaultProps = {
   hasImage: true
 }
 
-export default React.memo(Bid)
+export default withAuthorizedAction(React.memo(Bid), AuthorizedAction.BID, {
+  confirm_transaction: {
+    title: 'accept_bid.authorization.confirm_transaction.title'
+  },
+  title: 'accept_bid.authorization.title'
+})
diff --git a/webapp/src/components/Bid/Bid.types.ts b/webapp/src/components/Bid/Bid.types.ts
index 03f7b9a507..3257e7071e 100644
--- a/webapp/src/components/Bid/Bid.types.ts
+++ b/webapp/src/components/Bid/Bid.types.ts
@@ -1,5 +1,6 @@
 import { Dispatch } from 'redux'
 import { Bid } from '@dcl/schemas'
+import { WithAuthorizedActionProps } from 'decentraland-dapps/dist/containers/withAuthorizedAction'
 import { Wallet } from 'decentraland-dapps/dist/modules/wallet/types'
 import {
   CancelBidRequestAction,
@@ -11,6 +12,8 @@ import {
   acceptBidRequest,
   unarchiveBid
 } from '../../modules/bid/actions'
+import { getContract } from '../../modules/contract/selectors'
+import { Contract } from '../../modules/vendor/services'
 
 export type Props = {
   bid: Bid
@@ -18,14 +21,16 @@ export type Props = {
   archivedBidIds: string[]
   isArchivable?: boolean
   hasImage?: boolean
+  isBidsOffchainEnabled: boolean
+  getContract: (query: Partial<Contract>) => ReturnType<typeof getContract>
   onCancel: typeof cancelBidRequest
   onArchive: typeof archiveBid
   onUnarchive: typeof unarchiveBid
   onAccept: typeof acceptBidRequest
   isAcceptingBid: boolean
-}
+} & WithAuthorizedActionProps
 
-export type MapStateProps = Pick<Props, 'archivedBidIds' | 'wallet' | 'isAcceptingBid'>
+export type MapStateProps = Pick<Props, 'archivedBidIds' | 'wallet' | 'isAcceptingBid' | 'isBidsOffchainEnabled' | 'getContract'>
 export type MapDispatchProps = Pick<Props, 'onCancel' | 'onArchive' | 'onUnarchive' | 'onAccept'>
 export type MapDispatch = Dispatch<CancelBidRequestAction | ArchiveBidAction | UnarchiveBidAction | AcceptBidRequestAction>
 
diff --git a/webapp/src/components/Bid/utils.ts b/webapp/src/components/Bid/utils.ts
new file mode 100644
index 0000000000..3c3788e13f
--- /dev/null
+++ b/webapp/src/components/Bid/utils.ts
@@ -0,0 +1,20 @@
+import { ethers } from 'ethers'
+import { getNetworkProvider } from 'decentraland-dapps/dist/lib'
+import ERC721ABI from '../../contracts/ERC721.json'
+import { Contract } from '../../modules/vendor/services'
+
+export const fetchContractName = async (contract: Contract | null) => {
+  try {
+    if (!contract) {
+      return null
+    }
+
+    const provider = await getNetworkProvider(contract.chainId)
+
+    const erc721 = new ethers.Contract(contract.address, ERC721ABI, new ethers.providers.Web3Provider(provider))
+
+    return (await erc721.name()) as string
+  } catch (e) {
+    return null
+  }
+}
diff --git a/webapp/src/modules/bid/actions.ts b/webapp/src/modules/bid/actions.ts
index 66ab74a4a2..6e3d809dd8 100644
--- a/webapp/src/modules/bid/actions.ts
+++ b/webapp/src/modules/bid/actions.ts
@@ -78,7 +78,7 @@ export const acceptBidtransactionSubmitted = (bid: Bid, txHash: string) =>
   action(ACCEPT_BID_TRANSACTION_SUBMITTED, {
     bid,
     ...buildTransactionPayload(bid.chainId, txHash, {
-      tokenId: bid.tokenId,
+      ...('tokenId' in bid ? { tokenId: bid.tokenId } : { itemId: bid.itemId }),
       contractAddress: bid.contractAddress,
       price: formatWeiMANA(bid.price)
     })
@@ -99,7 +99,7 @@ export const cancelBidSuccess = (bid: Bid, txHash: string) =>
   action(CANCEL_BID_SUCCESS, {
     bid,
     ...buildTransactionPayload(bid.chainId, txHash, {
-      tokenId: bid.tokenId,
+      ...('tokenId' in bid ? { tokenId: bid.tokenId } : { itemId: bid.itemId }),
       contractAddress: bid.contractAddress,
       price: formatWeiMANA(bid.price)
     })
diff --git a/webapp/src/modules/bid/sagas.ts b/webapp/src/modules/bid/sagas.ts
index e3ff5edd3c..bd8a35ba62 100644
--- a/webapp/src/modules/bid/sagas.ts
+++ b/webapp/src/modules/bid/sagas.ts
@@ -1,8 +1,11 @@
 import { takeEvery, put, select, call, all } from 'redux-saga/effects'
-import { Bid, RentalStatus, TradeCreation } from '@dcl/schemas'
+import { Bid, RentalStatus, Trade, TradeCreation } from '@dcl/schemas'
 import { waitForTx } from 'decentraland-dapps/dist/modules/transaction/utils'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
+import { sendTransaction } from 'decentraland-dapps/dist/modules/wallet/utils'
+import { ContractData, ContractName, getContract as getDCLContract } from 'decentraland-transactions'
 import { isErrorWithMessage } from '../../lib/error'
+import * as tradeUtils from '../../utils/trades'
 import { isNFT } from '../asset/utils'
 import { getContract } from '../contract/selectors'
 import { getIsBidsOffChainEnabled } from '../features/selectors'
@@ -83,24 +86,43 @@ export function* bidSaga(marketplaceAPI: MarketplaceAPI) {
 
   function* handleAcceptBidRequest(action: AcceptBidRequestAction) {
     const { bid } = action.payload
+    let txHash = ''
     try {
-      const contract = (yield select(getContract, {
-        address: bid.contractAddress
-      })) as ReturnType<typeof getContract>
-      if (!contract || !contract.vendor) {
-        throw new Error(
-          contract
-            ? `Couldn't find a valid vendor for contract ${contract?.address}`
-            : `Couldn't find a valid vendor for contract ${bid.contractAddress}`
-        )
-      }
-      const vendor = (yield call([VendorFactory, 'build'], contract.vendor)) as ReturnType<typeof VendorFactory.build>
-      if (!vendor.bidService) {
-        throw new Error("Couldn't find a valid bid service for vendor")
+      const isBidsOffchainEnabled: boolean = yield select(getIsBidsOffChainEnabled)
+      if ('tradeId' in bid) {
+        if (isBidsOffchainEnabled) {
+          const trade: Trade = yield call([marketplaceAPI, 'fetchTrade'], bid.tradeId)
+          const tradeToAccept = tradeUtils.getTradeToAccept(trade)
+          const offchainMarketplaceContract = getDCLContract(ContractName.OffChainMarketplace, trade.chainId)
+          txHash = yield call(
+            sendTransaction as (contract: ContractData, contractMethodName: string, ...contractArguments: any[]) => Promise<string>,
+            offchainMarketplaceContract,
+            'accept',
+            [tradeToAccept]
+          )
+        } else {
+          console.error('Not able to accept bid')
+        }
+      } else {
+        const contract = (yield select(getContract, {
+          address: bid.contractAddress
+        })) as ReturnType<typeof getContract>
+        if (!contract || !contract.vendor) {
+          throw new Error(
+            contract
+              ? `Couldn't find a valid vendor for contract ${contract?.address}`
+              : `Couldn't find a valid vendor for contract ${bid.contractAddress}`
+          )
+        }
+        const vendor = (yield call([VendorFactory, 'build'], contract.vendor)) as ReturnType<typeof VendorFactory.build>
+        if (!vendor.bidService) {
+          throw new Error("Couldn't find a valid bid service for vendor")
+        }
+
+        const wallet = (yield select(getWallet)) as ReturnType<typeof getWallet>
+        txHash = (yield call([vendor.bidService, 'accept'], wallet, bid)) as Awaited<ReturnType<typeof vendor.bidService.accept>>
       }
 
-      const wallet = (yield select(getWallet)) as ReturnType<typeof getWallet>
-      const txHash = (yield call([vendor.bidService, 'accept'], wallet, bid)) as Awaited<ReturnType<typeof vendor.bidService.accept>>
       yield put(acceptBidtransactionSubmitted(bid, txHash))
       const nft = (yield select(getCurrentNFT)) as ReturnType<typeof getCurrentNFT>
       if (nft?.openRentalId) {
@@ -147,20 +169,27 @@ export function* bidSaga(marketplaceAPI: MarketplaceAPI) {
       let sellerBids: Bid[] = []
       let bidderBids: Bid[] = []
 
-      for (const vendorName of Object.values(VendorName)) {
-        const { bidService } = VendorFactory.build(vendorName)
-        if (bidService === undefined) {
-          continue
-        }
+      const isBidsOffchainEnabled: boolean = yield select(getIsBidsOffChainEnabled)
+      if (isBidsOffchainEnabled) {
+        sellerBids = ((yield call([marketplaceAPI, 'fetchBids'])) as Awaited<ReturnType<typeof marketplaceAPI.fetchBids>>).results // TODO: add seller filter
+        bidderBids = (
+          (yield call([marketplaceAPI, 'fetchBids'], { bidder: address })) as Awaited<ReturnType<typeof marketplaceAPI.fetchBids>>
+        ).results
+      } else {
+        for (const vendorName of Object.values(VendorName)) {
+          const { bidService } = VendorFactory.build(vendorName)
+          if (bidService === undefined) {
+            continue
+          }
 
-        const bids = (yield all([call([bidService, 'fetchBySeller'], address), call([bidService, 'fetchByBidder'], address)])) as [
-          Awaited<ReturnType<typeof bidService.fetchBySeller>>,
-          Awaited<ReturnType<typeof bidService.fetchByBidder>>
-        ]
-        sellerBids = sellerBids.concat(bids[0])
-        bidderBids = bidderBids.concat(bids[1])
+          const bids = (yield all([call([bidService, 'fetchBySeller'], address), call([bidService, 'fetchByBidder'], address)])) as [
+            Awaited<ReturnType<typeof bidService.fetchBySeller>>,
+            Awaited<ReturnType<typeof bidService.fetchByBidder>>
+          ]
+          sellerBids = sellerBids.concat(bids[0])
+          bidderBids = bidderBids.concat(bids[1])
+        }
       }
-
       yield put(fetchBidsByAddressSuccess(address, sellerBids, bidderBids))
     } catch (error) {
       yield put(fetchBidsByAddressFailure(address, isErrorWithMessage(error) ? error.message : t('global.unknown_error')))
diff --git a/webapp/src/modules/translation/locales/en.json b/webapp/src/modules/translation/locales/en.json
index 30377022d9..139fd7cb39 100644
--- a/webapp/src/modules/translation/locales/en.json
+++ b/webapp/src/modules/translation/locales/en.json
@@ -816,6 +816,14 @@
       "action": "buy"
     }
   },
+  "accept_bid": {
+    "authorization": {
+      "title": "Accept bid",
+      "confirm_transaction": {
+        "title": "Confirm transaction to accept the bid"
+      }
+    }
+  },
   "buy_with_card_page": {
     "title": "Buying {name}",
     "subtitle": "You are about to buy {name} for {amount}.",
diff --git a/webapp/src/modules/translation/locales/es.json b/webapp/src/modules/translation/locales/es.json
index ea071d1e8c..dce8ff20c1 100644
--- a/webapp/src/modules/translation/locales/es.json
+++ b/webapp/src/modules/translation/locales/es.json
@@ -801,6 +801,14 @@
       "action": "comprar"
     }
   },
+  "accept_bid": {
+    "authorization": {
+      "title": "Aceptar oferta",
+      "confirm_transaction": {
+        "title": "Confirma la transacción para aceptar la oferta"
+      }
+    }
+  },
   "buy_with_card_page": {
     "title": "Comprando {name}",
     "subtitle": "Estás por comprar {name} por {amount}.",
diff --git a/webapp/src/modules/translation/locales/zh.json b/webapp/src/modules/translation/locales/zh.json
index 79c174d573..27d5ed8f00 100644
--- a/webapp/src/modules/translation/locales/zh.json
+++ b/webapp/src/modules/translation/locales/zh.json
@@ -805,6 +805,14 @@
       "action": "买"
     }
   },
+  "accept_bid": {
+    "authorization": {
+      "title": "接受投标",
+      "confirm_transaction": {
+        "title": "确认交易接受投标"
+      }
+    }
+  },
   "buy_with_card_page": {
     "title": "购买{name}",
     "subtitle": "您将以{amount}的价格购买{name}。",
diff --git a/webapp/src/modules/vendor/decentraland/BidService.ts b/webapp/src/modules/vendor/decentraland/BidService.ts
index 497ef5767c..ab218a42e2 100644
--- a/webapp/src/modules/vendor/decentraland/BidService.ts
+++ b/webapp/src/modules/vendor/decentraland/BidService.ts
@@ -77,6 +77,10 @@ export class BidService implements BidServiceInterface<VendorName.DECENTRALAND>
       throw new Error('Invalid address. Wallet must be connected.')
     }
 
+    if (!('bidAddress' in bid)) {
+      throw new Error('BidService does not support offchain bids')
+    }
+
     const contract: ContractData = getERC721ContractData(bid)
 
     return sendTransaction(
@@ -94,6 +98,10 @@ export class BidService implements BidServiceInterface<VendorName.DECENTRALAND>
       throw new Error('Invalid address. Wallet must be connected.')
     }
 
+    if (!('bidAddress' in bid)) {
+      throw new Error('BidService does not support offchain bids')
+    }
+
     const contract: ContractData =
       bid.network === Network.ETHEREUM ? getContract(ContractName.Bid, bid.chainId) : getContract(ContractName.BidV2, bid.chainId)
     return sendTransaction(contract, 'cancelBid(address,uint256)', bid.contractAddress, bid.tokenId)
diff --git a/webapp/src/modules/vendor/decentraland/marketplace/api.ts b/webapp/src/modules/vendor/decentraland/marketplace/api.ts
index 535ab4f285..f312d47744 100644
--- a/webapp/src/modules/vendor/decentraland/marketplace/api.ts
+++ b/webapp/src/modules/vendor/decentraland/marketplace/api.ts
@@ -1,8 +1,8 @@
-import { ChainId, Trade, TradeCreation } from '@dcl/schemas'
+import { Bid, ChainId, Trade, TradeCreation } from '@dcl/schemas'
 import { BaseClient } from 'decentraland-dapps/dist/lib'
 import { config } from '../../../../config'
 import { retryParams } from '../utils'
-import { Balance } from './types'
+import { Balance, GetBidsParameters, PaginatedResponse } from './types'
 
 export const MARKETPLACE_SERVER_URL = config.get('MARKETPLACE_SERVER_URL')
 
@@ -32,6 +32,19 @@ export class MarketplaceAPI extends BaseClient {
       }
     })
   }
+
+  fetchTrade = async (tradeId: string) => {
+    return this.fetch<Trade>(`/v1/trades/${tradeId}`, { method: 'GET' })
+  }
+
+  fetchBids = async (queryParams: GetBidsParameters = {}) => {
+    const searchParams = new URLSearchParams()
+    Object.entries(queryParams).forEach(([key, value]) => {
+      searchParams.append(key, value.toString())
+    })
+
+    return this.fetch<PaginatedResponse<Bid>>(`/v1/bids${searchParams.size ? `?${searchParams.toString()}` : ''}`, { method: 'GET' })
+  }
 }
 
 export const marketplaceAPI = new MarketplaceAPI(MARKETPLACE_SERVER_URL, { retries: retryParams.attempts, retryDelay: retryParams.delay })
diff --git a/webapp/src/modules/vendor/decentraland/marketplace/types.ts b/webapp/src/modules/vendor/decentraland/marketplace/types.ts
index d1cb9dcadb..386f51fd84 100644
--- a/webapp/src/modules/vendor/decentraland/marketplace/types.ts
+++ b/webapp/src/modules/vendor/decentraland/marketplace/types.ts
@@ -1,6 +1,22 @@
 import { BalanceItem } from '@covalenthq/client-sdk'
+import { BidSortBy } from '@dcl/schemas'
 
 export type Balance = Omit<BalanceItem, 'balance' | 'balance_24h'> & {
   balance: string | null
   balance_24h: string | null
 }
+
+export type GetBidsParameters = {
+  limit?: number
+  offset?: number
+  bidder?: string
+  sortBy?: BidSortBy
+}
+
+export type PaginatedResponse<T> = {
+  results: T[]
+  total: number
+  page: number
+  pages: number
+  limit: number
+}
diff --git a/webapp/src/utils/trades.ts b/webapp/src/utils/trades.ts
index 417ae8b24e..3e40b79c8e 100644
--- a/webapp/src/utils/trades.ts
+++ b/webapp/src/utils/trades.ts
@@ -1,5 +1,5 @@
 import { TypedDataDomain, TypedDataField, ethers } from 'ethers'
-import { ChainId, TradeAsset, TradeAssetType, TradeCreation } from '@dcl/schemas'
+import { ChainId, Trade, TradeAsset, TradeAssetType, TradeCreation } from '@dcl/schemas'
 import { getConnectedProvider, getSigner } from 'decentraland-dapps/dist/lib/eth'
 import { ContractData, ContractName, getContract } from 'decentraland-transactions'
 import { fromMillisecondsToSeconds } from '../lib/time'
@@ -65,23 +65,10 @@ export function getValueForTradeAsset(asset: TradeAsset): string {
   }
 }
 
-export async function getTradeSignature(trade: Omit<TradeCreation, 'signature'>) {
-  const marketplaceContract: ContractData = getContract(ContractName.OffChainMarketplace, trade.chainId)
-
-  if (!marketplaceContract) {
-    throw new Error(`The ${ContractName.OffChainMarketplace} contract doesn't exist on chain ${trade.chainId}`)
-  }
-
-  const signer = (await getSigner()) as ethers.providers.JsonRpcSigner
+export function generateTradeValues(trade: Omit<TradeCreation, 'signature'>) {
   const SALT = ethers.utils.hexZeroPad(ethers.utils.hexlify(trade.chainId), 32)
-  const domain: TypedDataDomain = {
-    name: marketplaceContract.name,
-    version: marketplaceContract.version,
-    salt: SALT,
-    verifyingContract: marketplaceContract.address
-  }
 
-  const values = {
+  return {
     checks: {
       uses: trade.checks.uses,
       expiration: fromMillisecondsToSeconds(trade.checks.expiration),
@@ -111,7 +98,44 @@ export async function getTradeSignature(trade: Omit<TradeCreation, 'signature'>)
       beneficiary: asset.beneficiary
     }))
   }
+}
+
+export function getTradeToAccept(trade: Trade) {
+  const tradeValues = generateTradeValues(trade)
+
+  // we need to add this for type validation but its ignored by the contract
+  tradeValues.sent = tradeValues.sent.map(asset => ({
+    ...asset,
+    beneficiary: asset.contractAddress
+  }))
+
+  return {
+    signer: trade.signer,
+    signature: trade.signature,
+    ...tradeValues,
+    checks: {
+      ...tradeValues.checks,
+      allowedProof: []
+    }
+  }
+}
+
+export async function getTradeSignature(trade: Omit<TradeCreation, 'signature'>) {
+  const marketplaceContract: ContractData = getContract(ContractName.OffChainMarketplace, trade.chainId)
+
+  if (!marketplaceContract) {
+    throw new Error(`The ${ContractName.OffChainMarketplace} contract doesn't exist on chain ${trade.chainId}`)
+  }
+
+  const signer = (await getSigner()) as ethers.providers.JsonRpcSigner
+  const SALT = ethers.utils.hexZeroPad(ethers.utils.hexlify(trade.chainId), 32)
+  const domain: TypedDataDomain = {
+    name: marketplaceContract.name,
+    version: marketplaceContract.version,
+    salt: SALT,
+    verifyingContract: marketplaceContract.address
+  }
 
-  const signature = await signer._signTypedData(domain, OFFCHAIN_MARKETPLACE_TYPES, values)
+  const signature = await signer._signTypedData(domain, OFFCHAIN_MARKETPLACE_TYPES, generateTradeValues(trade))
   return signature
 }