← zurück

Übertragung der Links aus onOffice über openimmo (Frymo, wp-ImmoMakler, etc.)

Zunächst muss die AreaButler App über den marketplace freigeschaltet werden. Hierbei werden die zwei relevanten Felder MPAreaButlerUrlWithAddress und MPAreaButlerUrlNoAddress der Immobilie hinzugefügt. In diesen speichert der AreaButler standardmäßig die URL zum iframe.

Diese werden als Customfelder von onOffice über openimmo an Ihre Webseite übertragen. Je nach Anwendungsfall, können Sie die Karte bequem mit oder ohne Adresse in Ihre Webseite einbetten.

⚠️ Sollten die Customfelder nicht über openimmo übertragen werden, prüfen Sie bitte, ob die Felder in der Immobilie gefüllt sind. Sollte dies nicht der Fall sein, kontaktieren Sie uns bitte unter [email protected].

Iframe Einstellungen

Höhe der Karte bei Desktop-Darstellung 900px.

Höhe der Karte bei Mobil-Darstellung 600px bzw. 90% des Viewports.

Weiterhin bietet es sich für die Optimierung der mobilen Darstellung an, wenn die Karte über die volle Breite eingebunden wird. In vielen Fällen wird ein Rand durch die umgebenden Elemente des iframe mitgegeben, weshalb wir ein negatives margin empfehlen (siehe Beispiel).

iframe.areabutler {
	border: none;
	height: 900px;
	width: 100%;
}

@media screen and (max-width: 800px) {
	iframe.areabutler {
		margin: 0px -20px; // Nur bei seitlichen Rändern
		height: 90vh;
		width: 100vw;
		width: -webkit-fill-available;
		width: -moz-available;
	}
}

<iframe class="areabutler"
  src="{{MPAreaButlerUrlWithAddress}}"
  title="AreaButler Map"
></iframe>