www.hafele.co.uk Open in urlscan Pro
18.66.112.107 Public Scan

Back to summary

Submitted URL:
http://www.hafele.co.uk/
Effective URL:
https://www.hafele.co.uk/en/
Submission: On February 15 via api (February 15th 2024, 4:34:01 am UTC) from US — Scanned from DE

Form analysis
8 forms found in the DOM

Name: hubOnePageCheckout — POST https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewHubPage-Submit

<form method="post" onsubmit="return validateCvv();" action="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
  class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb">
  <div class="modal fade c-modal c-modal--bottom-fixed quick-mobile-buy-now js-quick-mobile-buy-now" id="js-quick-mobile-buy-now" role="dialog"></div>
  <div class="modal fade c-modal c-modal--bottom-fixed js-quick-mobile-address" role="dialog">
    <div class="modal-dialog c-modal__dialog">
      <div class="modal-content c-modal__content">
        <div class="modal-header c-modal__header js-quick-buy-address-header o-quick-buy__header u-border-grey-silver">
          <button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
          <h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Address</h2>
          <button type="button" class="hide js-close-address-list" data-dismiss="modal"></button>
        </div>
        <div class="modal-body c-modal__body c-modal__body--space-top o-quick-buy__address-margin js-quick-mobile-address__content o-quick-buy__scrollable o-quick-buy__scrollable--addresses u-inner-bottom-15"></div>
      </div>
    </div>
  </div>
  <div class="modal fade c-modal c-modal--bottom-fixed quick-delivery-type js-quick-delivery-type" role="dialog">
    <div class="modal-dialog c-modal__dialog">
      <div class="modal-content c-modal__content">
        <div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
          <button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
          <h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Delivery</h2>
        </div>
        <div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height">
          <div class="js-quick-spping-type__content o-quick-buy__quick-spping-type__content"></div>
          <div class="js-quick-delivery-type__content"></div>
        </div>
      </div>
    </div>
  </div>
  <div id="add-credit-card-modal" class="modal fade c-modal c-modal--bottom-fixed o-quick-buy__add-credit-card-modal createCreditCardLayer js-add-credit-card-modal" role="dialog">
    <div class="modal-dialog c-modal__dialog">
      <div class="modal-content c-modal__content">
        <div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver js-new-cc-header">
          <button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-credit-card-list" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
          <h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Add new credit card</h2>
        </div>
        <div id="js-add-credit-card" class="modal-body c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height"></div>
      </div>
    </div>
  </div>
  <div class="modal fade c-modal c-modal--bottom-fixed js-quick-shipping-reference" role="dialog">
    <div class="modal-dialog c-modal__dialog">
      <div class="modal-content c-modal__content">
        <div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
          <button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
          <h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Reference</h2>
        </div>
        <div class="c-modal__body c-modal__body--space-top-bottom js-quick-shipping-reference__content">
          <div class="u-outer-bottom-15 js-order-reference-error hidden">
            <div class="warningContainer o-quick-buy__error-message">Your input could not be saved. Please review the highlighted fields.</div>
          </div>
          <div class="c-info-box__container--form formField u-outer-bottom-30 u-xs-relative">
            <label class="u-normal u-outer-bottom-10">Your internal purchase order reference</label>
            <input class="form-control a-input t-input js-order-reference" maxlength="30" type="text" value="WebOrder" data-order-reference="WebOrder">
          </div>
          <div class="u-outer-bottom-10 js-PrepackConsignmentBlock">
            <label class="u-normal u-outer-bottom-20">Packed on commission</label>
            <div class="row">
              <div class="col-xs-12">
                <input id="js-radio-PrepackConsignment" type="hidden">
                <div class="radioButton " id="PrepackConsignmenttrue" data-name="PrepackConsignment" data-value="true"></div><input type="radio" id="prepack_true" name="PrepackConsignment" value="true" class="initialized"
                  style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmenttrue">yes</label>
                <div class="radioButton  checked" id="PrepackConsignmentfalse" data-name="PrepackConsignment" data-value="false"></div><input type="radio" id="prepack_false" name="PrepackConsignment" checked="" value="false" class="initialized"
                  style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmentfalse">no</label>
              </div>
            </div>
          </div>
          <div class="formField u-outer-bottom-15">
            <input id="js-collapse-PrepackConsignmentBlock" type="hidden">
            <label class="u-normal js-collapse-header-PrepackConsignmentBlock" data-toggle="collapse" data-target=".js-collapse-PrepackConsignmentBlock">Your message to Häfele
              (optional)<i class="icon font-icon font-icon-arrow-down u-outer-left-10 js-icon-rotate"></i>
            </label>
            <div class="js-collapse-PrepackConsignmentBlock collapse" aria-expanded="false" style="height: 1px;">
              <textarea id="orderNote" class="a-input t-input js-shipping-order-note"></textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade c-modal c-modal--bottom-fixed js-quick-product-delivery-date" role="dialog">
    <div class="modal-dialog c-modal__dialog">
      <div class="modal-content c-modal__content">
        <div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
          <button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"
            data-alternate-date-label="Alternative dates"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
          <h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Date</h2>
        </div>
        <div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height js-quick-shipping-reference__content">
          <div id="js-edit-date-with-lineItem-container">
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

GET https://www.hafele.co.uk/en/account/login/

<form action="https://www.hafele.co.uk/en/account/login/" method="GET"><input type="hidden" name="SynchronizerToken" value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb">
  <input type="hidden" name="TargetURL" value="">
  <div class="a-btn-wrapper">
    <button class="a-btn a-btn--xs-fw t-btn t-btn-primary" id="logInAgain" href="https://www.hafele.co.uk/en/account/login/">Sign in again</button>
    <a class="a-btn a-btn--xs-fw t-btn t-btn-secondary cancelButton">Close</a>
  </div>
</form>

<form id="formLawCookie">
  <div class="hflLayerBox cookieOptOutWarningLayer" style="display:none" id="lawcookieGoogleAnalytcis">
    <div class="hflLayerContainer container isMobile">
      <div class="hflLayerCnt">
        <div class="warningContainer">
          <h2 class="layerHeadline">Browser cookies disabled!</h2>
          <p>Please enable browser cookies in order for this site to function properly</p>
        </div>
        <div class="warningLayerButtons">
          <a class="close-notify stdButton focusButton btn btn-secondary-small" href="#">OK</a>
        </div>
        <span class="icn-close"></span>
      </div>
    </div>
  </div>
</form>

Name: searchForm — https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewParametricSearch-SimpleOfferSearch

<form action="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><input type="hidden" name="SynchronizerToken"
    value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb"><input type="hidden" value="all" name="SearchType" id="SearchType">
  <div class="search-box-button c-input-search c-input-search--xs">
    <div class="remove-search js-searchbar-icn--remove" onclick="javascript:void(0);">
      <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 64 64" class="svg-icons">
        <use xlink:href="#icn-002-2-close-dot"></use>
      </svg>
    </div><input type="text" name="SearchTerm" autocomplete="off" data-testid="InputSearchTerm" id="inputSearchTerm"
      class="js-search searchTerm a-input t-input a-input--no-border t-input--no-background c-input-search__input u-xs-inner-left-15 u-xs-inner-right-15 u-xs-no-input-border"
      data-suggest-url="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewSuggestSearch-Suggest" placeholder="Search text / article number" value="">
    <input type="hidden" class="js-search" name="ProductId" id="inputProductId" data-searchid="inputProductId">
    <input type="hidden" class="js-search" name="CategoryId" id="inputCategoryId" data-searchid="inputCategoryId">
    <button type="button" class="search-icon icn-search visible-xs a-btn-icn a-btn-icn--md t-btn t-btn-icn t-btn-icn-primary c-input-search__button hidden" data-searchid="voiceSearchButton" data-testid="voiceSearchButton"
      value="Voice Search"><i class="icon font-icon font-icon-set-icn-113-2-mike"></i></button>
    <a href="#" data-testid="eanVideoSearchButton" data-searchid="" class="o-top-header__icn--camera t-btn-icn-secondary js-searchbar-icn--camera barToTextContainer visible-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-115-2-scan-qr-ean"></use></svg>
</a>
    <button type="button" class="js-search searchButton search-icon speechToTextSearch a-btn a-btn-icn a-btn-icn--md c-input-search__button o-top-header__search--btn u-no-outer-bottom js-searchbar-icn--search" data-searchid="searchButton"
      data-testid="SearchButton" value="Search">
      <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 64 64" class="svg-icons">
        <use xlink:href="#icn-051-2-search"></use>
      </svg>
    </button>
  </div>
</form>

Name: directOrderForm — POST https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewCart-Dispatch

<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
    value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb">
  <input type="hidden" name="furtherShoppingURL" value="Default-Start;">
  <input type="hidden" name="MaxNoOfLines" value="3" data-bind="value: rowCount()">
  <input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
  <input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
  <table class="o-flyout__table quick-order-rows-container" id="tblQuickOrder">
    <thead class="hidden-xs o-flyout__thead">
      <tr class="o-flyout__row o-flyout__row--no-border">
        <th class="o-flyout__column o-flyout__col-width-20 u-no-inner-left u-inner-bottom-5 u-normal">&nbsp;</th>
        <th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal"> Art. no.</th>
        <th class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-inner-bottom-5 u-normal">Quantity</th>
        <th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal">Your reference</th>
        <th>&nbsp;</th>
      </tr>
    </thead>
    <tbody class="js-list-item-row list-item-row" data-bind="foreach: rows()">
      <tr>
        <td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">1.</td>
        <td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_1">
            <input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
              data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
              name="eanSKU_1" id="ConditionConfiguration_articleNo_1" data-testid="DirectOrderInputArticleNo_1">
          </div>
        </td>
        <td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
              data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
              name="Quantity_1" id="ConditionConfiguration_quantity_1" data-testid="DirectOrderInputQuantity_1">
          </div>
        </td>
        <td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
              data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_1"
              id="searchbar_ConditionConfiguration_consignment_1" data-testid="DirectOrderInputConsign_1">
          </div>
        </td>
        <td class="o-flyout__column u-no-inner-left u-no-inner-top">
          <div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_1">
            <div class="labelInfoText main-container userNotLoggedIn">
              <p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() &amp;&amp; hasInfoText()" style="display: none;">
                <span data-bind="html: infoText()"></span>
              </p>
              <p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
                <span data-bind="html: errorMessage()"></span>
              </p>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">2.</td>
        <td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_2">
            <input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
              data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
              name="eanSKU_2" id="ConditionConfiguration_articleNo_2" data-testid="DirectOrderInputArticleNo_2">
          </div>
        </td>
        <td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
              data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
              name="Quantity_2" id="ConditionConfiguration_quantity_2" data-testid="DirectOrderInputQuantity_2">
          </div>
        </td>
        <td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
              data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_2"
              id="searchbar_ConditionConfiguration_consignment_2" data-testid="DirectOrderInputConsign_2">
          </div>
        </td>
        <td class="o-flyout__column u-no-inner-left u-no-inner-top">
          <div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_2">
            <div class="labelInfoText main-container userNotLoggedIn">
              <p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() &amp;&amp; hasInfoText()" style="display: none;">
                <span data-bind="html: infoText()"></span>
              </p>
              <p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
                <span data-bind="html: errorMessage()"></span>
              </p>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">3.</td>
        <td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_3">
            <input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
              data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
              name="eanSKU_3" id="ConditionConfiguration_articleNo_3" data-testid="DirectOrderInputArticleNo_3">
          </div>
        </td>
        <td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
              data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
              name="Quantity_3" id="ConditionConfiguration_quantity_3" data-testid="DirectOrderInputQuantity_3">
          </div>
        </td>
        <td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
          <div class="hfl-textinput">
            <input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
              data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_3"
              id="searchbar_ConditionConfiguration_consignment_3" data-testid="DirectOrderInputConsign_3">
          </div>
        </td>
        <td class="o-flyout__column u-no-inner-left u-no-inner-top">
          <div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_3">
            <div class="labelInfoText main-container userNotLoggedIn">
              <p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() &amp;&amp; hasInfoText()" style="display: none;">
                <span data-bind="html: infoText()"></span>
              </p>
              <p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
                <span data-bind="html: errorMessage()"></span>
              </p>
            </div>
          </div>
        </td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td>&nbsp;</td>
        <td class="o-flyout__column u-no-inner-left u-inner-top-5" colspan="5">
          <a href="#" class="a-text-link a-text-link--no-underline t-text-link pull-sm-left js-add-further" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span class="o-flyout__icn-angle">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="svg-icons"><use xlink:href="#icn-001-2-arrow"></use></svg>
</span>
<span>Add more products</span> 
</a>
          <div class="addToOpenOrderLink pull-sm-left">
            <div id="js-directOrderChange">
              <button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
                data-changeorderurl="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
                <span class="stdButtonInner o-flyout__btn-change-order-text">Add to an open order</span>
              </button>
            </div>
          </div>
          <a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary js-csrf-disabled pull-sm-right" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>Add to basket</span>
</a>
        </td>
      </tr>
    </tfoot>
  </table>
  <input type="hidden" name="DeviceSource" value="desktop">
</form>

Name: miniCartGoToCartQuickForm — GET https://www.hafele.co.uk/en/cart/

<form action="https://www.hafele.co.uk/en/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get"><input type="hidden" name="SynchronizerToken"
    value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb">
  <input type="hidden" class="js-search js-furtherShoppingURL" name="furtherShoppingURL" value="Default-Start;" data-searchid="furtherShoppingURL"><a id="js-cartButton" class="cartQuickViewButton a-text-link a-text-link--no-underline t-text-link t-text-link--secondary u-display-inline" href="https://www.hafele.co.uk/en/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewCart-GetCartFlyoutPreviewContent" data-cart-text="Basket" data-cart-count-text="Basket (null)"><span id="cart-item-value">
<span class="o-top-header__btn-cart">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 64 64" class="svg-icons" title="Basket"><use xlink:href="#icn-040-2-cart"></use></svg>
<span class="mini-cart-qty o-top-header__btn-cart-qty t-top-header__btn-cart-qty">0</span>
</span>
<span class="hidden-md visible-lg-inline u-lg-outer-top-10 u-line-height-26">Basket</span>
</span></a>
</form>

Name: loginWithExistingAccountForm — POST https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewUserAccount-ProcessLoginHeaderItemLogin

<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input
    type="hidden" name="SynchronizerToken" value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb">
  <div id="loginFormAjax" class="loginFormAjax myAccountLogin user-login-form-ajax">
    <div id="HDERedirectContent" data-bind="visible: loginResult().getHDERedirectURL()" class="loginForm-label" style="display: none;">
      <span data-bind="visible: loginResult().getBozen()" style="display: none;">
        <p>Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet. <br> Klicken Sie auf 'Weiter', um auf die Seite zu wechseln!</p>
        <a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
      </span>
      <span data-bind="visible: !loginResult().getBozen()">
        <p>Für Sie ist easy link in einer anderen Sprachversion vorgesehen.<br> Klicken Sie auf 'Weiter' um in die gültig Sprachvariante zu wechseln!</p>
        <a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
      </span>
    </div>
    <div id="loginFormContent" data-bind="visible: !loginResult().getHDERedirectURL()" class="loginForm-content">
      <div role="alert" class="c-message t-message-error" data-bind="visible: loginResult().getError() &amp;&amp; !loginResult().getHDERedirectURL()" style="display: none;">
        <span data-bind="html: loginResult().getError()"></span>
      </div>
      <div class="row form-group">
        <div class="col-sm-offset-4 col-sm-8">
          <div class="co-user">
            <div class="checkBox hfl-checkbox" id="divShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="divShopLoginForm_LoginAsJointUser_headerItemLogin" style="" data-name="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-value="on">
            </div><input type="checkbox" class="hfl-checkbox" name="ShopLoginForm_LoginAsJointUser_headerItemLogin" id="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="ShopLoginForm_LoginAsJointUser_headerItemLogin" value="on"
              style="display: none;">
            <label for="divShopLoginForm_LoginAsJointUser_headerItemLogin" class="checkboxlabel">Sign in as co-user</label>
          </div>
        </div>
      </div>
      <div class="row form-group">
        <div class="col-sm-4 hidden-xs">
          <label for="ShopLoginForm_Login_headerItemLogin" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
            <span>Customer number *</span>
          </label>
        </div>
        <div class="col-sm-8">
          <input type="text" tabindex="1" name="ShopLoginForm_Login_headerItemLogin" data-testid="FlyoutLoginEditUser" id="ShopLoginForm_Login_headerItemLogin" maxlength="60" value=""
            data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Login') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
          <label for="ShopLoginForm_Login_headerItemLogin" class="hfl-textinput--placeholder visible-xs new-placeholder">
            <span>Customer number *</span>
          </label>
          <div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Login')" style="display: none;">
            <span data-bind="html:loginResult().getError('ShopLoginForm_Login')"></span>
          </div>
        </div>
      </div>
      <div class="row form-group inputUsername hidden">
        <div class="col-sm-4 hidden-xs">
          <label for="ShopLoginForm_UserName" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
            <span>User name *</span>
          </label>
        </div>
        <div class="col-sm-8">
          <input autocomplete="off" type="text" tabindex="2" data-testid="FlyoutLoginUserName" name="ShopLoginForm_UserName_headerItemLogin" id="ShopLoginForm_UserName_headerItemLogin" value="" disabled=""
            data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_UserName') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
          <label for="ShopLoginForm_UserName" class="hfl-textinput--placeholder visible-xs new-placeholder">
            <span>User name *</span>
          </label>
          <div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_UserName')" style="display: none;">
            <span data-bind="html:loginResult().getError('ShopLoginForm_UserName')"></span>
          </div>
        </div>
      </div>
      <div class="row form-group">
        <div class="col-sm-4 hidden-xs">
          <label for="ShopLoginForm_Password" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
            <span>Password *</span>
          </label>
        </div>
        <div class="col-sm-8">
          <input type="password" tabindex="3" maxlength="20" name="ShopLoginForm_Password_headerItemLogin" id="ShopLoginForm_Password_headerItemLogin" data-testid="FlyoutLoginEditLogin"
            data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Password') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
          <label for="ShopLoginForm_Password" class="hfl-textinput--placeholder visible-xs new-placeholder">
            <span>Password *</span>
          </label>
          <div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Password')" style="display: none;">
            <span data-bind="html:loginResult().getError('ShopLoginForm_Password')"></span>
          </div>
        </div>
      </div>
      <div class="row forgotPassLink">
        <div class="col-sm-offset-4 col-sm-8">
          <p>
            <a tabindex="4" id="PasswordForgottenLink" class="a-text-link t-text-link hfl-link--arrow__prefix" href="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewForgotLoginData-ForgotPassword">Forgot your password?</a>
          </p>
        </div>
      </div>
      <div class="row form-group loginRember">
        <div class="col-sm-offset-4 col-sm-8">
          <div class="checkBox hfl-checkbox" id="divShopLoginForm_RememberLogin_headerItemLogin" data-testid="divShopLoginForm_RememberLogin_headerItemLogin" style="" data-name="ShopLoginForm_RememberLogin_headerItemLogin" data-value=""></div><input
            type="checkbox" class="hfl-checkbox" name="ShopLoginForm_RememberLogin_headerItemLogin" id="ShopLoginForm_RememberLogin_headerItemLogin" data-testid="FlyoutRememberLogin" style="display: none;">
          <label for="divShopLoginForm_RememberLogin_headerItemLogin" class="checkboxlabel">Keep me logged in</label>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-offset-4 col-sm-8">
          <div class="form-group hfl-login--form-group__submit">
            <div class="hfl-login--links">
              <button data-testid="ajaxAccountLoginFormBtn" tabindex="5" class="a-btn a-btn--xs-fw t-btn t-btn-primary u-no-outer-left pull-sm-left u-outer-right-20 u-outer-bottom-10" type="submit">Sign in</button>
              <div class="text-title visible-xs">
                <span>Or, Not a customer yet? </span>
              </div>
              <a class="a-btn a-btn--xs-fw t-btn t-btn-secondary hfl-login--links__register hfl-link--arrow__prefix" href="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewRegistration-Start?TargetPipeline=&amp;Parameter1_Name=&amp;Parameter1_Value=&amp;Parameter2_Name=&amp;Parameter2_Value=&amp;Parameter3_Name=&amp;Parameter3_Value=&amp;Parameter4_Name=&amp;Parameter4_Value=&amp;Parameter5_Name=&amp;Parameter5_Value=&amp;Parameter6_Name=&amp;Parameter6_Value=&amp;TargetURLFragment=" data-testid="FlyoutRegisterLogin">Register Now</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="loginFormAjaxLoader" class="hflAjaxLoader loginAjaxLoader hidden">
      <span></span>
      <div>Your credentials are now being checked...</div>
    </div>
  </div>
</form>

Name: dOrderFormResponsive — POST https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewCart-Dispatch

<form name="dOrderFormResponsive" class="directOrderForm" id="dOrderFormResponsive" action="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
    value="49911c58d17ca4146cb90e6d41c4998e1bee973e02a2f06fea0c5ce061e849fb">
  <input type="hidden" name="furtherShoppingURL" value="Default-Start;">
  <input type="hidden" name="MaxNoOfLines" value="3" data-bind="value: rowCount()">
  <input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
  <input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
  <table class="quick-order-rows-container">
    <tbody class="list-item-row" data-bind="foreach: rows()">
      <tr class="o-flyout__row-mobile">
        <td class="u-no-inner-left hidden-xs" data-bind="text: index()+'.'"></td>
        <td>
          <div class="row o-flyout__line-item js-direct-entry-item-row">
            <div class="inp-article col-xs-12">
              <div class="hfl-textinput form-group">
                <input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}">
                <input type="text" maxlength="13" class="inputArticleNo form-control labeled__input is-defaultText" autocomplete="off" required="" default-data-emptytext=""
                  data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}">
                <label class="hfl-textinput--placeholder" for="Product_SKU">Art. no.</label>
              </div>
            </div>
            <div class="col-xs-12 infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}">
              <div class="labelInfoText main-container userNotLoggedIn">
                <p class="c-message t-message-success u-no-outer-all font-14 u-outer-bottom-20 js-article-success-msg" data-bind="visible: !hasError() &amp;&amp; hasInfoText()" style="display:none">
                  <span data-bind="html: infoText()"></span>
                </p>
                <p class="c-message t-message-error u-no-outer-all font-14 u-outer-bottom-20 js-article-error-msg" data-bind="visible: hasError()" style="display:none">
                  <span data-bind="html: errorMessage()"></span>
                </p>
              </div>
            </div>
            <div class="col-xs-4 u-xs-inner-right-0">
              <div class="hfl-textinput form-group">
                <input type="text" class="inputQuanity form-control labeled__input is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
                  data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}">
                <label class="hfl-textinput--placeholder" for="directOrder_quantity_smallform">Quantity</label>
              </div>
            </div>
            <div class="col-xs-8">
              <div class="hfl-textinput form-group">
                <input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input is-defaultText"
                  data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment">
                <label class="hfl-textinput--placeholder" for="directOrder_sku">Your reference</label>
              </div>
            </div>
          </div>
        </td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="2" class="addMoreArticlesWrapper">
          <a href="#" class="hflLink o-flyout__add-further t-flyout__add-further u-display-inline-block u-outer-bottom-15" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span>Add more products </span>
</a>
        </td>
      </tr>
      <tr class="hidden">
        <td colspan="2" class="addToOpenOrderLink">
          <div id="js-directOrderChange">
            <button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
              data-changeorderurl="https://www.hafele.co.uk/INTERSHOP/web/WFS/Haefele-HUK-Site/en_GB/-/GBP/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
              <span class="stdButtonInner o-flyout__btn-change-order-text">Add to an open order</span>
            </button>
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="6" class="orderSubmitButton">
          <a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary t-btn__white js-csrf-disabled" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>Add to basket</span>
</a>
        </td>
      </tr>
    </tfoot>
  </table>
</form>

Text Content

YOUR TRADE PRICES

Log in to view your prices

OVER 25,000 PRODUCTS

All available online

FREE DELIVERY*

For all orders. No minimum spend

0% FEE ON RETURNS*

Returns made simple


ADDRESS




DELIVERY




ADD NEW CREDIT CARD




REFERENCE

Your input could not be saved. Please review the highlighted fields.
Your internal purchase order reference
Packed on commission

yes

no
Your message to Häfele (optional)



DATE


Do you really want to delete this credit card?
Once deleted the details will no longer be available.
Confirm Cancel
Are you sure you want to close the checkout process?
Please complete the payment to place your order successfully.
Continue checkout Exit Checkout
Group 12 Created with Sketch. PACKED icn-075-2-tick_bold icn-075-2-tick


SESSION TIMEOUT

You will be logged off in 0 minutes.
Keep me logged in Log off

SESSION TIMEOUT

You have been logged off for security reasons.

Sign in again Close



BROWSER COOKIES DISABLED!

Please enable browser cookies in order for this site to function properly

OK



It appears that your browser has JavaScript disabled.
This Website requires your browser to be JavaScript enabled.

Please enable JavaScript and reload this page.
 * United Kingdom

Search
Search for product name or article numbers
Search for product name or article numbers
Quick Order
Quick Order

Please enter the article number.
Please enter a valid value for the number of articles.
Article number is not correct. Please check.
Article number not found. Please check.
Article currently not available.

  Art. no. QuantityYour reference  1.






2.






3.






  Add more products
Add to an open order
Add to basket

0 Basket


EAN
EAN

 * EAN




Find products by either scanning QR code or EAN code

Unable to detect / invalid code


Please try again.
Choose camera
Retry Cancel
Redirecting...
 * 
 * My account  ( )
 * Sign in / Register

   SIGN IN / REGISTER
   
   Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet.
   Klicken Sie auf 'Weiter', um auf die Seite zu wechseln!
   
   Weiter / Proceed
   
   Für Sie ist easy link in einer anderen Sprachversion vorgesehen.
   Klicken Sie auf 'Weiter' um in die gültig Sprachvariante zu wechseln!
   
   Weiter / Proceed
   
   Sign in as co-user
   Customer number *
   Customer number *
   
   User name *
   User name *
   
   Password *
   Password *
   
   
   Forgot your password?
   
   
   Keep me logged in
   Sign in
   Or, Not a customer yet?
   Register Now
   Your credentials are now being checked...

My account ( ) Sign in / Register
 * 0
 * 
 * Menu
   
   
   



 * Products
    * Handles & Knobs
       * View All
       * Cabinet Handles & Knobs
       * Door Handles
       * Window Handles
   
    * Furniture Fittings, Living & Commercial Solutions
       * View All
       * Sanitary & Bathroom Fittings
       * Bedroom Fittings
         * View All
         * Wardrobe Fittings
         * Wardrobe & Coat Hooks
         * Bed Fittings
         * Media Storage
       * Shop Fittings
       * Office Furniture Fittings & Accessories
         * View All
         * Desk Fittings
         * Office Organisation
       * Table Fittings
         * View All
         * Glides & Castors
         * Table Legs, Furniture Feet & Plinth Fittings
         * Table Fixings
       * Drawers
         * View All
         * Drawer Fittings
         * Drawer Runners
         * Drawer Inserts
       * Cabinet Hinges
       * Flap Fittings & Stays
       * Cabinet Accessories
       * Connectors & Shelf Supports
         * View All
         * Connectors
         * Shelf Brackets & Supports
       * Locks, Catches & Bolts
         * View All
         * Cabinet Locks & Systems
         * Cabinet Catches & Bolts
         * Safes
   
    * Kitchen Fittings, Accessories & Appliances
       * View All
       * Kitchen Storage & Accessories
       * Kitchen Bins
       * Sinks & Taps
       * Worktops & Splashbacks
       * Kitchen Appliances
         * View All
         * Baking & Cooking
         * Refrigeration & Freezing
         * Cooker Hoods & Extractors
         * Dishwashers
         * Washing & Drying
         * Small Domestic & Plinth Appliances
       * Kitchen Ventilation
   
    * Architectural Ironmongery
       * View All
       * Door Entry Systems
       * Door Locks
         * View All
         * Locks & Latches
         * Panic Door Hardware
       * Door Hinges
       * Door Closers & Controls
       * Door Accessories
       * Safety Signs & Handrail Brackets
       * Glass Door Fittings
       * Window Fittings
   
    * Sliding and Folding Doors
       * View All
       * Sliding & Folding Door Gear for Furniture
       * Heavy Duty Sliding & Folding Door Gear
       * Moveable Wall Systems
   
    * Lighting & Electrical Fittings
       * View All
       * Lighting
       * TVs & Media Systems
       * TV Cabinet Lifts & Brackets
       * Electrical Accessories
   
    * Tools & Consumables
       * View All
       * Screws
       * Fixings & Fasteners
       * Tools & Accessories
         * View All
         * Power Tools
         * Abrasives
         * Drill Bits, Bits & Saw Blades
         * Hand Tools & Jigs
         * Tool Storage & Workbenches
       * Sealants & Adhesives
         * View All
         * Sealants
         * Adhesives
         * Tapes
       * Maintenance & Packaging
       * Furniture Care & Repair
       * Safety Equipment & Workwear

 *  * Overview
    * Top Searched Products

 * Inspiration
    * Overview
    * Inclusive Living
    * Hafele Blog
    * Kitchens for Living - A Picture of the UK Kitchen
    * Compact Living

 * Project 360°
    * Overview
    * NBS
    * Contact Us
    * Häfele Hands Free
    * Project 360° Products
    * Project 360° Services
    * Project 360° Resources
    * Project 360° Latest News

 * About Häfele
    * Overview
    * 100 years of Häfele
    * Why Hafele?
    * Management of the Häfele Group
    * The Häfele Story
    * Careers at Häfele UK
    * Newsletter Registration
    * Häfele UK
    * Latest News

 * Partner Locator
    * Overview
    * Trade Partner Locator
    * Studio Partner Locator

 * Services
    * Overview
    * Service Plus Customised
    * Service Plus Planning
    * Service Plus Assist
    * Service Plus Knowledge
    * Literature Library
    * Planning Tools
    * Contact Us
    * My Häfele

 * Special Offers
    * Overview
    * Essentials
    * Clearance

 * 
 * Worldwide
 * Contact us
   
 * * My account ( )
   * Sign in / Register

   CATALOGUES AND BROCHURES
   
   The Complete Häfele: Furniture Fittings Design
   The Complete Häfele: Furniture Fittings Technology
   The Complete Häfele: Architectural Hardware
   All Catalogues and Brochures
   
   LOOX5 CONDENSED DIRECTORY
   
   
   
   Find out more
   
   HÄFELE TO ORDER
   
   Bespoke made to order service
   
   Find out more
   
   WIREWORK FROM HÄFELE
   
   
   
   Find out more
   
   
   
   
 * Catalogues
 * Contact us
   





HOME

 * Handles & Knobs
    * View All
    * Cabinet Handles & Knobs
    * Door Handles
    * Window Handles

 * Furniture Fittings, Living & Commercial Solutions
    * View All
    * Sanitary & Bathroom Fittings
    * Bedroom Fittings
      * View All
      * Wardrobe Fittings
      * Wardrobe & Coat Hooks
      * Bed Fittings
      * Media Storage
    * Shop Fittings
    * Office Furniture Fittings & Accessories
      * View All
      * Desk Fittings
      * Office Organisation
    * Table Fittings
      * View All
      * Glides & Castors
      * Table Legs, Furniture Feet & Plinth Fittings
      * Table Fixings
    * Drawers
      * View All
      * Drawer Fittings
      * Drawer Runners
      * Drawer Inserts
    * Cabinet Hinges
    * Flap Fittings & Stays
    * Cabinet Accessories
    * Connectors & Shelf Supports
      * View All
      * Connectors
      * Shelf Brackets & Supports
    * Locks, Catches & Bolts
      * View All
      * Cabinet Locks & Systems
      * Cabinet Catches & Bolts
      * Safes

 * Kitchen Fittings, Accessories & Appliances
    * View All
    * Kitchen Storage & Accessories
    * Kitchen Bins
    * Sinks & Taps
    * Worktops & Splashbacks
    * Kitchen Appliances
      * View All
      * Baking & Cooking
      * Refrigeration & Freezing
      * Cooker Hoods & Extractors
      * Dishwashers
      * Washing & Drying
      * Small Domestic & Plinth Appliances
    * Kitchen Ventilation

 * Architectural Ironmongery
    * View All
    * Door Entry Systems
    * Door Locks
      * View All
      * Locks & Latches
      * Panic Door Hardware
    * Door Hinges
    * Door Closers & Controls
    * Door Accessories
    * Safety Signs & Handrail Brackets
    * Glass Door Fittings
    * Window Fittings

 * Sliding and Folding Doors
    * View All
    * Sliding & Folding Door Gear for Furniture
    * Heavy Duty Sliding & Folding Door Gear
    * Moveable Wall Systems

 * Lighting & Electrical Fittings
    * View All
    * Lighting
    * TVs & Media Systems
    * TV Cabinet Lifts & Brackets
    * Electrical Accessories

 * Tools & Consumables
    * View All
    * Screws
    * Fixings & Fasteners
    * Tools & Accessories
      * View All
      * Power Tools
      * Abrasives
      * Drill Bits, Bits & Saw Blades
      * Hand Tools & Jigs
      * Tool Storage & Workbenches
    * Sealants & Adhesives
      * View All
      * Sealants
      * Adhesives
      * Tapes
    * Maintenance & Packaging
    * Furniture Care & Repair
    * Safety Equipment & Workwear


 * METALLA BLACK NICKEL
   
   Achieve a cohesive finish on your project with our NEW Black Nickel finish
   for Metalla hinges.
   
   Shop now


 * NEW HÄFELE SERVICE+
   
   The extra hand to help you get the job done
   
   Find out more


 * SMEG LINEA BUILT IN OVEN
   
   Smart cooking and beautifully designed
   
   Shop now


 * FREE NEXT DAY DELIVERY
   
   Available on all orders until March 2024. No minimum spend.
   
   Find out more




Lighting

Kitchen Fittings



Drawers



Tools & Consumables



Sliding Door Gear

Appliances



Cabinet Handles

Furniture Fittings


FLEX LIGHTING

Easiest installation of plug and play LED strip lighting on the market.

Browse now


FREE NEXT DAY DELIVERY

Available on all orders until March 2024. No minimum spend.

Find out more






Service+ Assist



Service+ Customised



Service+ Knowledge



Service+ Planning

View Häfele brands



View partner brands




Register Online



Find out more


HÄFELE UK LTD

Häfele is an internationally trusted name supplying furniture fittings,
architectural hardware, ironmongery and more to the trade. We are recognised as
a leading hardware manufacturer due to our quality of product and expertise in
the industry. We have over 25,000 specialist products from hinges, handles and
door furniture to storage solutions, sliding door systems and lighting, all
available to order for next day delivery.

Quick Order
Please enter the article number.
Please enter a valid value for the number of articles.
Article number is not correct. Please check.
Article number not found. Please check.
Article currently not available.
Art. no.



Quantity
Your reference
Add more products
Add to an open order
Add to basket




Newsletter

--------------------------------------------------------------------------------

 * My account ( )
 * Sign in / Register
 * 
 * 
 * 
 * Print Page



--------------------------------------------------------------------------------

Newsletter

ABOUT HÄFELE

THE HÄFELE STORY

CAREERS

LATEST NEWS

MODERN SLAVERY STATEMENT

WEBSITE FEEDBACK FORM

GENDER PAY REPORT

COOKIES POLICY

Standards & Legislation

SERVICES

MY HÄFELE

HÄFELE TO ORDER

DELIVERY

RETURNS

LIFETIME GUARANTEE

SPECIFICATION SERVICES

PLANNING TOOLS

HÄFELE HERE TO HELP

SUPPORT

TERMS AND CONDITIONS

GETTING STARTED ONLINE

CUSTOMER SUPPORT

FREE TECHNICAL SUPPORT

FAQS

PASSWORD RECOVERY

Literature Library

CONTACT US

© 2024 by Häfele Company Information Privacy Policy Terms and Conditions Terms
of access Sitemap
Contact Us


--------------------------------------------------------------------------------

© 2024 by Häfele

ABOUT HÄFELE

THE HÄFELE STORY

CAREERS

LATEST NEWS

MODERN SLAVERY STATEMENT

WEBSITE FEEDBACK FORM

GENDER PAY REPORT

COOKIES POLICY

Standards & Legislation

SERVICES

MY HÄFELE

HÄFELE TO ORDER

DELIVERY

RETURNS

LIFETIME GUARANTEE

SPECIFICATION SERVICES

PLANNING TOOLS

HÄFELE HERE TO HELP

SUPPORT

TERMS AND CONDITIONS

GETTING STARTED ONLINE

CUSTOMER SUPPORT

FREE TECHNICAL SUPPORT

FAQS

PASSWORD RECOVERY

Literature Library

CONTACT US

E-mail: info@hafele.co.uk Tel.: 0800 171 2909
Newsletter

ABOUT HÄFELE

THE HÄFELE STORY

CAREERS

LATEST NEWS

MODERN SLAVERY STATEMENT

WEBSITE FEEDBACK FORM

GENDER PAY REPORT

COOKIES POLICY

Standards & Legislation

SERVICES

MY HÄFELE

HÄFELE TO ORDER

DELIVERY

RETURNS

LIFETIME GUARANTEE

SPECIFICATION SERVICES

PLANNING TOOLS

HÄFELE HERE TO HELP

SUPPORT

TERMS AND CONDITIONS

GETTING STARTED ONLINE

CUSTOMER SUPPORT

FREE TECHNICAL SUPPORT

FAQS

PASSWORD RECOVERY

Literature Library

CONTACT US

© 2024 by Häfele Company Information Privacy Policy Terms and Conditions Terms
of access Sitemap
Contact Us


ARTICLES COULD NOT BE ADDED TO THE WISH LIST.


Install this webapp on your iPhone, tap and click on "Add to homescreen"


YOU ARE NOW ON THE WEBSITE FOR HAFELE UNITED KINGDOM

To the website of my country
Stay Here






PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer. More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

Cookies Details‎

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

Cookies Details‎

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Cookies Details‎

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

Cookies Details‎


BACK BUTTON PERFORMANCE COOKIES

Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label


 * 33ACROSS
   
   HOST DESCRIPTION
   
   VIEW COOKIES
   
   
    * Name
      cookie name

Confirm My Choices


By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.

Accept All Cookies
Cookies Settings

www.hafele.co.uk Open in urlscan Pro 18.66.112.107 Public Scan

Form analysis 8 forms found in the DOM