diff --git a/order/order.es.xhtml b/order/order.es.xhtml
new file mode 100644
index 0000000000..ef5f7867cb
--- /dev/null
+++ b/order/order.es.xhtml
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<html>
+  <version>1</version>
+
+  <head>
+    <title>Productos promocionales</title>
+
+    <style type="text/css">
+    div#toc {
+      float: right;
+      clear: right;
+      border: solid 1px;
+      margin: .5em;
+      background: rgb(240,240,240);
+      width: 30%;
+    }
+
+    @media only screen and (max-width: 600px) {
+      div#toc {
+        width: 100%;
+      }
+    }
+    </style>
+
+
+  </head>
+
+  <body class="toplevel">
+    <h1>Productos promocionales</h1>
+
+    <module id="order-delay" />
+
+    <div id="toc">
+      <p style="text-indent:1em;">Productos disponibles:</p>
+      <ul style="margin-bottom: 1em;">
+        <li><a href="#tshirt">Camisetas</a></li>
+        <li><a href="#girlie">Camisetas para mujer</a></li>
+        <li><a href="#hooded">Camisetas con capucha</a></li>
+        <!-- li><a href="#baby-clothes">Ropa de bebé</a></li -->
+        <li><a href="#other">Otros artículos</a></li>
+      </ul>
+    </div>
+
+    <p class="p-summary">
+    Muestra tu amor por el Software Libre usando y llevando los artículos de marca que aparecen a continuación. La ropa de Software Libre es una gran manera de aumentar la conciencia dentro de su comunidad local, y cada venta ayuda a financiar proyectos críticos de la FSFE.
+    </p>
+
+    <p>
+    Para obtener información detallada sobre las dimensiones reales de las distintas tallas de las prendas, sitúe el puntero del ratón sobre la etiqueta de la talla o consulte la <a href="size.html">tabla de tallas</a>.
+    </p>
+
+    <p style="clear:both;"></p>
+
+    <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
+      <h2 id="tshirt">Camisetas/h2>
+
+      <dynamic-content type="tshirt"/>
+
+      <h2 id="girlie">Camisetas de mujer</h2>
+
+      <dynamic-content type="girlie"/>
+
+      <h2 id="hooded">Camisetas con capucha</h2>
+
+      <dynamic-content type="hooded"/>
+
+      <!-- h2 id="baby-clothes">Ropa de bebé</h2>
+
+      <dynamic-content type="baby-clothes"/ -->
+
+      <h2 id="other">Otros artículos</h2>
+
+      <dynamic-content type="other"/>
+
+      <h2>Material promocional</h2>
+
+      <p>
+        Check our
+Consulte nuestra <a href="/contribuir/difundir.html#materialpromocional">página de pedidos de material informativo</a> para pedir folletos, pegatinas y otras cosas.
+      </p>
+
+      <h2>Envío</h2>
+
+      <p>Las siguientes tarifas de envío se aplican:</p>
+      <ul>
+        <li>Envío a Alemania: €5.00</li>
+        <li>Envío internacional: €8.00</li>
+      </ul>
+
+      <h2>Su Información</h2>
+
+      <div class="row form-group">
+        <label class="col-sm-2 control-label" for="name">Nombre:</label>
+        <div class="col-sm-4">
+          <input class="form-control" id="name" name="name" type="text" />
+        </div>
+      </div>
+
+      <div class="row form-group">
+        <label class="col-sm-2 control-label" for="address">Dirección:</label>
+        <div class="col-sm-4">
+          <textarea class="form-control" rows="5" id="address" name="address" type="text" />
+        </div>
+      </div>
+
+      <div class="row form-group">
+        <label class="col-sm-2 control-label" for="address">País:</label>
+        <div class="col-sm-4">
+          <country-list />
+        </div>
+      </div>
+
+      <div class="row form-group">
+        <label class="col-sm-2 control-label" for="email">Correo electrónico:</label>
+        <div class="col-sm-4">
+          <input class="form-control" id="email" name="email" type="email" />
+        </div>
+      </div>
+
+      <div class="row form-group">
+        <label class="col-sm-2 control-label" for="phone">Teléfono:</label>
+        <div class="col-sm-4">
+          <input class="form-control" id="phone" name="phone" type="text" />
+        </div>
+      </div>
+
+      <p class="n">
+        Por favor no ponga nada aquí:
+        <input type="text" size="40" name="url"/>
+      </p>
+
+      <!-- Translators: Please change the value here to your language -->
+      <input type="hidden" name="language" value="es_ES"/>
+
+      <div class="row form-group">
+        <div class="col-sm-offset-2 col-sm-6">
+          <button type="submit" class="btn btn-primary">Realizar pedido</button>
+        </div>
+      </div>
+    </form>
+
+    <p>
+    El pago es posible mediante transferencia bancaria, PayPal y varias tarjetas de crédito y débito. Recibirá más información cuando su pedido se haya enviado.
+    </p>
+  </body>
+  <description>Muestre su amor por el Software Libre usando y llevando los artículos de marca que ofrece la FSFE.</description>
+
+  <image url="/graphics/tshirt-promo-800px.jpg" />
+</html>
+<!--
+Local Variables: ***
+mode: xml ***
+End: ***
+-->
diff --git a/order/size.es.xhtml b/order/size.es.xhtml
new file mode 100644
index 0000000000..6d2093af29
--- /dev/null
+++ b/order/size.es.xhtml
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<html>
+  <version>1</version>
+
+  <head>
+    <title>Tabla de tallas</title>
+  </head>
+
+  <body>
+    <p id="category" class="p-category">
+      <a href="order.html">Material promicional</a>
+    </p>
+
+    <h1>Tabla de tallas</h1>
+     
+    <h2 id="tshirt">Camisetas</h2>
+
+    <div class="row">
+      <div class="col-sm-3">
+        <img src="size-tshirt.svg" alt="a = width, b = height"/>
+      </div>
+      <div class="col-sm-9">
+        <table class="table table-bordered table-condensed table-hover">
+          <tr>
+            <th>Artículo</th>
+            <th>Talla</th>
+            <th>a</th>
+            <th>b</th>
+          </tr>
+          <dynamic-content type="tshirt"/>
+        </table>
+      </div>
+    </div>
+
+    <h2 id="girlie">Camisetas para mujer</h2>
+
+    <div class="row">
+      <div class="col-sm-3">
+        <img src="size-tshirt.svg" alt="a = width, b = height"/>
+      </div>
+      <div class="col-sm-9">
+        <table class="table table-bordered table-condensed table-hover">
+          <tr>
+            <th>Item</th>
+            <th>Size</th>
+            <th>a</th>
+            <th>b</th>
+          </tr>
+          <dynamic-content type="girlie"/>
+        </table>
+      </div>
+    </div>
+
+    <h2 id="hooded">Camisetas con capucha</h2>
+
+    <div class="row">
+      <div class="col-sm-3">
+        <img src="size-hooded.svg" alt="a = width, b = height, c = arm length"/>
+      </div>
+      <div class="col-sm-9">
+        <table class="table table-bordered table-condensed table-hover">
+          <tr>
+            <th>Item</th>
+            <th>Size</th>
+            <th>a</th>
+            <th>b</th>
+            <th>c</th>
+          </tr>
+          <dynamic-content type="hooded"/>
+        </table>
+      </div>
+    </div>
+  </body>
+</html>
+<!--
+Local Variables: ***
+mode: xml ***
+End: ***
+-->
diff --git a/order/tmpl-concardis.es.xhtml b/order/tmpl-concardis.es.xhtml
new file mode 100644
index 0000000000..0fa76a978a
--- /dev/null
+++ b/order/tmpl-concardis.es.xhtml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<html external="yes">
+  <version>1</version>
+
+  <head>
+    <title>Pago en línea</title>
+  </head>
+
+  <body>
+    <h1>Pago en línea</h1>
+
+    <p class="p-summary">
+Para los pagos en línea utilizamos Concardis como proveedor de servicios de pago.
+Las transacciones se ejecutan en su servidor seguro; la FSFE no maneja
+información de la cuenta o de la tarjeta de crédito. Por favor, siga los pasos descritos
+a continuación para completar su pago.
+    </p>
+
+    $$$PAYMENT ZONE$$$
+  </body>
+
+  <followup>no</followup>
+</html>
+<!--
+Local Variables: ***
+mode: xml ***
+End: ***
+-->
diff --git a/order/tmpl-thankyou.es.xhtml b/order/tmpl-thankyou.es.xhtml
new file mode 100644
index 0000000000..cf3e3abb2d
--- /dev/null
+++ b/order/tmpl-thankyou.es.xhtml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<html>
+  <version>1</version>
+
+  <head>
+    <title>¡Gracias por su pedido!</title>
+  </head>
+
+  <body>
+    <p id="category" class="p-category">
+      <a href="/order/order.html">Material promocional</a>
+    </p>
+
+    <h1>¡Gracias por su pedido!</h1>
+
+    <p class="p-summary">
+      El importe total de su pedido es de <strong>€:AMOUNT:</strong>.
+    </p>
+
+    <p>
+      Ahora puede pagar en línea a través de varias tarjetas de crédito y débito o a través de
+      PayPal.
+    </p>
+
+    <form action="https://secure.payengine.de/ncol/prod/orderstandard_utf8.asp" method="post" class="thankyou">
+:FORM:
+      <!-- translators: please also translate the term "Pay online", it will
+           show on the button. -->
+      <input type="submit" name="submit" value="Pagar online"/>
+    </form>
+
+    <p>
+      En caso que prefiera pagar por transferencia bancaria, por favor utilice los siguientes datos:
+    </p>
+
+    <p>
+      Destinatario: Free Software Foundation Europe e.V.<br/>
+      Dirección: Schönhauser Allee 6/7, 10119 Berlin, Alemania<br/>
+      IBAN: DE47 4306 0967 2059 7908 01<br/>
+      Banco: GLS Gemeinschaftsbank eG, 44774 Bochum, Alemania<br/>
+      BIC: GENODEM1GLS<br/>
+      Importe: :AMOUNT:<br/>
+      Referencia: :REFERENCE:
+    </p>
+  </body>
+
+  <followup>únete</followup>
+</html>
+<!--
+Local Variables: ***
+mode: xml ***
+End: ***
+-->
